@charset "UTF-8";
:root {
  --arkb-list-icon_color:var(--ark-color--main,#000);
}

.is-style-ark-media-shadow img, .is-style-ark-media-shadow video {
  box-shadow: var(--arkb-shadow);
}

.is-style-ark-media-border img, .is-style-ark-media-border video {
  border: 1px solid var(--ark-color--border, rgba(200, 200, 200, 0.5019607843));
}

.is-style-ark-media-frame {
  background-color: #fff;
  box-shadow: var(--arkb-shadow);
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  width: -moz-fit-content;
  width: fit-content;
}

.is-style-ark-media-frame figcaption {
  margin-bottom: -4px;
  margin-top: 8px;
}

[class*=is-style-ark-list-] {
  padding: var(--arkb-list-padding, 0) !important;
}

[class*=is-style-ark-list-].has-background {
  --arkb-list-padding:1.25em;
}

[class*=is-style-ark-list-] > li {
  list-style: none !important;
  padding-left: var(--arkb-li-padding--left, 0);
  position: relative;
}

[class*=is-style-ark-list-] ::marker {
  color: var(--arkb-list-icon_color);
}

/* arkプラグイン */
[class*=is-style-ark-list-icon] {
  --arkb-li-padding--left:1.75em;
}

[class*=is-style-ark-list-icon] > li:before {
  background-color: var(--arkb-list-icon_color);
  content: " ";
  display: block;
  height: auto;
  left: 0.25em;
  -webkit-mask: var(--arkb-list-icon_url, unset) no-repeat center center/contain;
  mask: var(--arkb-list-icon_url, unset) no-repeat center center/contain;
  position: absolute;
  top: 0;
  width: 1em;
}

.is-style-ark-list-icon--dot li:before {
  -webkit-clip-path: circle(16% at 50%);
          clip-path: circle(16% at 50%);
  -webkit-mask: unset;
  mask: unset;
}

.is-style-ark-list-icon--caret {
  --arkb-list-icon_url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M23.4,14.4L12.9,7C11.6,6,9.7,7,9.7,8.6v14.8c0,1.6,1.8,2.6,3.1,1.6l10.5-7.4C24.5,16.8,24.5,15.2,23.4,14.4z"/></svg>');
}

.is-style-ark-list-icon--check {
  --arkb-list-icon_color:#52cb4c;
  --arkb-list-icon_url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.2 20.56l-5.92-5.92c-0.16-0.16-0.4-0.16-0.56 0l-2.8 2.8c-0.16 0.16-0.16 0.4 0 0.56l9.040 9.040c0.16 0.16 0.4 0.16 0.56 0l18.64-18.64c0.16-0.16 0.16-0.4 0-0.56l-2.8-2.8c-0.16-0.16-0.4-0.16-0.56 0l-15.6 15.52z"></path></svg>');
}

.is-style-ark-list-icon--circle, .is-style-ark-list-icon--good {
  --arkb-list-icon_color:#51b0e7;
  --arkb-list-icon_url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 30.4c-7.92 0-14.4-6.48-14.4-14.4s6.48-14.4 14.4-14.4 14.4 6.48 14.4 14.4-6.48 14.4-14.4 14.4zM16 5.2c-6 0-10.8 4.8-10.8 10.8s4.8 10.8 10.8 10.8 10.8-4.8 10.8-10.8-4.8-10.8-10.8-10.8z"></path></svg>');
}

.is-style-ark-list-icon--triangle {
  --arkb-list-icon_color:#e9d525;
  --arkb-list-icon_url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.9,26.5L17.6,3.6c-0.3-0.6-1-0.9-1.6-0.9c-0.7,0-1.3,0.4-1.6,0.9L1.1,26.5c-0.3,0.6-0.3,1.3,0,1.9c0.3,0.6,1,0.9,1.6,0.9 h26.5c0.7,0,1.3-0.4,1.6-0.9C31.2,27.8,31.2,27.1,30.9,26.5z M26.9,26.1H5.1L16,7.3L26.9,26.1z"/></svg>');
}

.is-style-ark-list-icon--bad, .is-style-ark-list-icon--x {
  --arkb-list-icon_color:#ee6767;
  --arkb-list-icon_url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28.88 5.68l-2.48-2.48c-0.16-0.16-0.4-0.16-0.56 0l-9.84 9.76-9.76-9.84c-0.16-0.16-0.4-0.16-0.56 0l-2.56 2.56c-0.16 0.16-0.16 0.4 0 0.56l9.84 9.76-9.84 9.76c-0.16 0.16-0.16 0.4 0 0.56l2.48 2.48c0.16 0.16 0.4 0.16 0.56 0l9.84-9.76 9.76 9.76c0.16 0.16 0.4 0.16 0.56 0l2.48-2.48c0.16-0.16 0.16-0.4 0-0.56l-9.76-9.76 9.84-9.76c0.16-0.16 0.16-0.4 0-0.56z"></path></svg>');
}

.is-style-ark-list-icon--question {
  --arkb-list-icon_color:#5759e7;
  --arkb-list-icon_url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><circle cx="15.7" cy="27.8" r="2.8"/><path d="M20.6,16.2c1.3-0.8,2.3-1.8,3.2-3C24.6,12.1,25,10.6,25,9c0.1-2.1-0.8-4-2.4-5.4c-1.6-1.5-3.8-2.2-6.5-2.2 c-2.9,0-5.2,0.8-6.7,2.4C7.8,5.4,7.1,7.3,7,9.6l3.6,0c0.1-1.5,0.6-2.7,1.6-3.5c1-0.9,2.2-1.3,3.8-1.3c1.6,0,2.9,0.5,3.7,1.4 c0.9,0.7,1.3,1.9,1.3,3.2c0,1.1-0.3,2-0.8,2.8c-0.6,0.8-1.4,1.5-2.6,2.3c-1.4,0.8-2.5,1.8-3.2,2.8c-0.7,1-1,2.2-1,3.6v1.9h3.7v-1.4 c0-1.1,0.2-2,0.7-2.8C18.4,17.8,19.3,17.1,20.6,16.2z"/></svg>');
}

.is-style-ark-list-note {
  --arkb-li-padding--left:1em;
  --arkb-list-icon_color:currentColor;
}

.is-style-ark-list-note:not(.has-text-color) {
  opacity: 0.85;
}

.is-style-ark-list-note > li:before {
  content: "※";
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.8);
}

ol.is-style-ark-list-note {
  --arkb-li-padding--left:1.75em;
  counter-reset: arkb-ct;
}

ol.is-style-ark-list-note > li:before {
  content: "※" counter(arkb-ct);
  counter-increment: arkb-ct;
  letter-spacing: 4px;
}

ol.is-style-ark-list-note[reversed] > li:before {
  counter-increment: arkb-ct -1;
}

.is-style-ark-list-numbered {
  --arkb-the-lh:1.8;
  --arkb-li-padding--left:calc(1em*var(--arkb-the-lh) + 0.2em);
  counter-reset: arkb-ct;
}

.is-style-ark-list-numbered > li {
  line-height: var(--arkb-the-lh) !important;
  list-style: none !important;
  position: relative;
}

.is-style-ark-list-numbered > li:before {
  background-color: var(--arkb-list-icon_color);
  border-radius: 50%;
  box-sizing: initial;
  color: #fff;
  content: counter(arkb-ct);
  counter-increment: arkb-ct;
  display: block;
  height: calc(1em * var(--arkb-the-lh));
  left: 0;
  line-height: inherit;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: scale(0.8);
  transform-origin: 0 50%;
  width: calc(1em * var(--arkb-the-lh));
}

.is-style-ark-list-numbered[reversed] > li:before {
  counter-increment: arkb-ct -1;
}

.arkb-boxLink {
  position: relative;
}

.arkb-boxLink__title {
  display: block;
  font-weight: 700;
}

.arkb-boxLink__inner {
  background-color: #fff;
  color: inherit;
  color: #000;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  transition: box-shadow 0.25s;
}

.ark-block-boxLinks .arkb-boxLink__inner {
  height: 100%;
}

.arkb-boxLink__figure {
  margin: 0;
  overflow: hidden;
  position: relative;
}

.arkb-boxLink__img {
  display: block;
  width: 100%;
}

[data-arkb-linkbox]:hover > .arkb-boxLink__inner, a.arkb-boxLink__inner:hover {
  box-shadow: 0 4px 24px -8px rgba(0, 0, 0, 0.0784313725), 0 16px 40px -16px rgba(0, 0, 0, 0.1490196078);
}

[data-arkb-linkbox]:hover > .arkb-boxLink__inner .arkb-boxLink__bg, a.arkb-boxLink__inner:hover .arkb-boxLink__bg {
  opacity: 0.75;
}

[data-arkb-linkbox]:hover > .arkb-boxLink__inner .arkb-boxLink__more__svg, a.arkb-boxLink__inner:hover .arkb-boxLink__more__svg {
  transform: translateX(4px);
}

.arkb-boxLink__figure.is-fixed-ratio:before {
  content: "";
  display: block;
  height: 0;
  padding-top: var(--ark-thumb_ratio, 56.25%);
  width: 100%;
}

.arkb-boxLink__figure.is-fixed-ratio .arkb-boxLink__img {
  left: 0;
  position: absolute;
  top: 0;
}

.arkb-boxLink__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.25rem 1rem;
}

.arkb-boxLink__content {
  font-size: 0.9em;
  margin-top: 0.5em;
}

.arkb-boxLink__more {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  justify-content: flex-end;
  line-height: 1;
  margin: auto 0 0;
  padding-top: 1rem;
  text-align: right;
}

.is-style-ark-card.wp-block-media-text {
  --ark-mediatext--gap:0;
  --ark-mediatext--offsetX:0;
  --ark-mediatext--offsetY:0;
  background: #fff;
  box-shadow: var(--arkb-shadow);
  color: #333;
}

.is-style-ark-card > .wp-block-media-text__media {
  height: 100%;
}

.is-style-ark-card > .wp-block-media-text__media > img {
  font-family: "object-fit: cover;";
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.is-style-ark-card > .wp-block-media-text__content {
  padding: var(--ark-mediatext--space);
}

.is-style-ark-broken.wp-block-media-text {
  --ark-mediatext--gap:0;
  --ark-mediatext--lap:-5rem;
}

.is-style-ark-broken > .wp-block-media-text__content {
  z-index: 1;
}

.is-style-ark-broken:not(.has-media-on-the-right) .wp-block-media-text__content {
  margin-left: var(--ark-mediatext--lap);
}

.is-style-ark-broken.has-media-on-the-right .wp-block-media-text__content {
  margin-right: var(--ark-mediatext--lap);
}

.arkb-small {
  font-size: 0.75em;
  opacity: 0.75;
}

.arkb-marker {
  background: var(--arkb-marker-style);
  display: inline;
  font-weight: var(--arkb-marker-txt-weight, unset);
  padding: 1px;
}

.arkb-fz-xs {
  font-size: 0.75em !important;
}

.arkb-fz-s {
  font-size: 0.9em !important;
}

.arkb-fz-l {
  font-size: 1.25em !important;
}

.arkb-fz-xl {
  font-size: 1.5em !important;
}

.arkb-fz-xxl {
  font-size: 2em !important;
}

.arkb-inline-icon {
  display: inline-block;
  font-family: arial;
  letter-spacing: 0;
  min-width: 1em;
  position: relative;
}

.arkb-inline-icon.-has-margin {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.arkb-inline-icon:after {
  background: currentColor;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  -webkit-mask-image: var(--the-icon-svg);
  mask-image: var(--the-icon-svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  max-width: 1em;
  position: absolute;
  top: 0;
  width: 100%;
}

.ark-keep-mt > :not(:first-child) {
  --ark-mt--inner:var(--ark-mt,2rem);
}

.ark-keep-mt--s > :not(:first-child) {
  --ark-mt--inner:var(--ark-mt--s,1rem);
}

[class*=ark-keep-mt] > :first-child {
  margin-top: 0;
}

[data-arkb-linkbox] {
  cursor: pointer;
}

[data-arkb-link] {
  color: inherit;
  text-decoration: none;
}

[data-arkb-link][aria-hidden=true] {
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: -1;
}

:root {
  --arkb-shadow:0 0 4px 1px #0000000d,0 1px 24px -8px #00000026;
  --arkb-shadow--s:0 0 0 1px #00000003,0 1px 6px 0 #0000001a;
}

[class*=ark-block-] {
  box-sizing: border-box;
}

@keyframes FloatHorizontal {
  0% {
    transform: translate3d(4px, 0, 0);
  }
  50% {
    transform: translate3d(-4px, 0, 0);
  }
  to {
    transform: translate3d(4px, 0, 0);
  }
}
.arkb-scrollHint {
  animation: FloatHorizontal 2s ease-in-out infinite alternate;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: right;
}

.arkb-scrollHint__text {
  align-items: center;
  display: inline-flex;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.75;
  vertical-align: middle;
}

.arkb-scrollHint__svg {
  font-size: 16px;
  margin-left: 0.25em;
}

.c-filterLayer.arkb-absLayer {
  z-index: 1;
}

.c-filterLayer.arkb-absLayer:before {
  content: none;
}

.arkb-absLayer {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.arkb-obf-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.arkb-obf-contain, .arkb-obf-cover {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.arkb-obf-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.arkb-has-padding {
  padding: var(--arkb-padding, 0) !important;
}

.c-rssSite {
  margin-right: 0.5rem;
}

.c-rssSite__favi {
  display: block;
  height: 14px;
  margin-right: 0.25rem;
  width: 14px;
}

svg:not([fill]) {
  fill: currentColor;
}

[class*=ark-keep-mt] > * {
  margin-bottom: 0;
  margin-top: var(--ark-mt--inner, 2rem);
}

@media (max-width: 600px) {
  .is-style-ark-card.wp-block-media-text {
    --ark-mediatext--space:1.25rem;
  }
  .is-style-ark-broken.is-stacked-on-mobile .wp-block-media-text__content {
    margin: var(--ark-mediatext--lap) 0 0;
  }
}
@media (min-width: 1000px) {
  .arkb-only-sp {
    display: none !important;
  }
}
@media not all and (min-width: 1000px) {
  .arkb-only-pc {
    display: none !important;
  }
}
/* 目次 */
:root {
  --arkb-toc-color:var(--ark-color--main,currentColor);
}

.ark-block-toc {
  --ark-mt:4rem;
  background-clip: padding-box;
  background-image: repeating-linear-gradient(-45deg, rgba(180, 180, 180, 0.1019607843), rgba(180, 180, 180, 0.1019607843) 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 3px);
  border-bottom: 3px double;
  border-top: 3px double;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 1.25em 1.25em 1.5em;
}

.l-sidebar .ark-block-toc {
  padding: 1em 0.75em;
}

.ark-block-toc ::marker {
  color: var(--arkb-toc-color, currentColor);
  font-family: helvetica;
}

.ark-block-toc[data-target=h2] [data-level="3"], .ark-block-toc[data-target=h3] [data-level="4"] {
  display: none;
}

.ark-block-toc .ark-block-toc__title {
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1em;
  text-align: center;
}

.ark-block-toc .ark-block-toc__list {
  list-style: decimal;
  list-style: decimal-leading-zero;
  margin: 0;
  padding-left: 2em;
  position: relative;
}

.ark-block-toc .ark-block-toc__list li {
  line-height: 1.6;
  margin: 0;
  padding: 0.1em 0;
}

.ark-block-toc .ark-block-toc__list[data-level="2"] > li:not(:first-child) {
  margin-top: 0.2em;
}

.ark-block-toc .ark-block-toc__list .ark-block-toc__list {
  margin-top: 0.2em;
  padding-left: 0.75em;
}

.ark-block-toc .ark-block-toc__list[data-level="3"] {
  font-size: 0.95em;
  list-style: disc;
}

.ark-block-toc .ark-block-toc__list[data-level="3"]:before {
  background-color: var(--arkb-toc-color, currentColor);
  content: "";
  height: 100%;
  left: -1.2em;
  opacity: 0.5;
  position: absolute;
  width: 1px;
}

.ark-block-toc .ark-block-toc__list[data-level="4"] {
  font-size: 0.925em;
  list-style: circle;
}

.ark-block-toc .ark-block-toc__link {
  color: inherit;
}

.ark-block-toc .ark-block-toc__link:not(:hover) {
  text-decoration: none;
}

@media not all and (min-width: 600px) {
  .ark-block-toc {
    padding: 1em 0.75em;
  }
}
/* アコーディオン */
.ark-block-accordion .ark-block-accordion__btn {
  background: none;
  display: block;
  width: 100%;
}

.ark-block-accordion__item + .ark-block-accordion__item {
  margin-top: 1rem;
}

.ark-block-accordion__title {
  align-items: center;
  background: var(--ark-color--gray, #f7f7f7);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0.75em 1em;
  position: relative;
}

.ark-block-accordion__title::-webkit-details-marker {
  display: none;
}

.ark-block-accordion__label {
  flex: 1 1 auto;
  padding-right: 1em;
  word-break: break-all;
}

.ark-block-accordion__body {
  height: auto;
  opacity: 1;
  overflow: hidden;
  padding: 1em;
  position: relative;
  transition: padding 0.25s, height 0.25s, opacity 0.25s, visibility 0.25s;
}

.ark-block-accordion__item:not(.is-opened) > .ark-block-accordion__body {
  height: 0;
  opacity: 0;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  visibility: hidden;
}

.ark-block-accordion__icon {
  display: block;
  flex: 0 0 auto;
  height: 1em;
  position: relative;
  text-align: center;
  transition: transform 0.25s;
  width: 1em;
}

.ark-block-accordion__icon .__closed, .ark-block-accordion__icon .__opened {
  display: none;
}

[data-icon-type=caret] .ark-block-accordion__icon {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="14.6,3.5 8,10.2 1.4,3.5 0.2,4.7 6.9,11.3 8,12.5 9.1,11.3 15.8,4.7 "/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="14.6,3.5 8,10.2 1.4,3.5 0.2,4.7 6.9,11.3 8,12.5 9.1,11.3 15.8,4.7 "/></svg>') no-repeat center center/contain;
}

[data-icon-type=triangle] .ark-block-accordion__icon {
  background-color: currentColor;
  -webkit-clip-path: polygon(50% 80%, 0 15%, 100% 15%);
          clip-path: polygon(50% 80%, 0 15%, 100% 15%);
}

.ark-block-accordion__icon:after, .ark-block-accordion__icon:before {
  background-color: currentColor;
  inset: 0;
  margin: auto;
  position: absolute;
}

[data-icon-type=plus] .ark-block-accordion__icon {
  position: relative;
}

[data-icon-type=plus] .ark-block-accordion__icon:before {
  content: "";
  height: 2px;
  width: 100%;
}

[data-icon-type=plus] .ark-block-accordion__icon:after {
  content: "";
  height: 100%;
  transition: opacity 0.25s;
  width: 2px;
}

.is-opened > .ark-block-accordion__title .ark-block-accordion__icon {
  transform: rotate(180deg);
}

.is-opened > .ark-block-accordion__title .ark-block-accordion__icon:after {
  opacity: 0;
}

.ark-block-accordion.is-style-box .ark-block-accordion__item {
  border: 1px solid var(--ark-color--border, rgba(200, 200, 200, 0.5019607843));
}

.ark-block-accordion.is-style-box .ark-block-accordion__title {
  background: none;
}

.ark-block-accordion.is-style-box .ark-block-accordion__body {
  border-top: 1px dashed var(--ark-color--border, rgba(200, 200, 200, 0.5019607843));
}

.ark-block-accordion__body[aria-hidden=true] {
  visibility: hidden;
}

:root {
  --color-accent: #EE8C0D;
  --color-main: #26455C;
  --color-sub: #1F5B83;
  --color-sub2: #f1f1f1;
  --color-sub3: #178BE5;
  --color-sub4: #9cc7d1;
  --color-sub5: #b5c8d4;
  --color-base: #f1f1f1cc;
  --color-link: #047AE3;
  --color-hover: #047AE3;
  --color-hover2: #aee4db;
  --color-btn: var(--color-gra);
  --color-btn-h: var(--color-gra2);
  --color-btn2: var(--color-accent);
  --color-btn2-h: var(--color-sub4);
  --color-btn3: #fff;
  --color-btn3-h: var(--color-gra2);
  --color-flow: #39AAEA;
  --color-bw: #fff;
  --color-scroll: var(--color-filter-w);
  --color-blk: rgb(17, 24, 29);
  --color-top-menu: var(--color-filter-w);
  --color-title-line: var(--color-gra2);
  --color-gra: linear-gradient(90deg, var(--color-main), var(--color-sub));
  --color-gra2: linear-gradient(90deg, #178BE5, #39AAEA);
  --color-gra3: linear-gradient(-40deg, var(--color-sub), var(--color-sub2));
  --color-gra4: linear-gradient(90deg, var(--color-sub5), #f0f0f0);
  --color-gra5: linear-gradient(90deg, #FEB91E, var(--color-accent));
  --color-gra6: linear-gradient(90deg, var(--color-accent), #FEB91E);
  --color-filter-w: brightness(0%) contrast(300%) hue-rotate(360deg) invert(100%);
  --shadow: -5px 10px 35px -20px rgba(77, 77, 77, 0.7);
  --shadow2: 5px 5px 10px -5px rgba(0, 0, 0, .1), -5px -5px 10px #fff;
  --text-shadow: 1px 1px 15px rgba(58, 58, 58, 0.7);
  --text-shadow2: 1px 1px 15px rgba(58, 58, 58, 0.2);
  --font-swap: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", Meiryo, sans-serif;
  --font-swap-min: serif;
  --font-swap-menu: var( --font-swap);
  --font-main: var( --font-swap);
  --font-bold: "Bold", var( --font-swap);
  --font-min: "Mincho", serif;
  --font-hand: "Hand", cursive;
  --font-cat: "Cat";
  --font-cat2: var( --font-swap);
  --font-eng: "Eng", sans-serif;
  --font-menu: var( --font-main);
  --font-menu-weight: normal;
  --font-size-min: 12px;
  --font-size-sml: 14px;
  --font-size-reg: 16px;
  --font-size-big: 20px;
  --font-size-max: 32px;
  --text-tra: none;
  --width-pc: 1200px;
  --width-tb: 768px;
  --width-sp: 430px;
  --width-scroll: calc(100vw - 100%);
  --height-main: 100vh;
  --height-menu: 70px;
  --height-menu-sp: 70px;
  --height-fsv: 100vh;
  --height-header: 86px;
  --height-brdc: 30px;
  --height-top: 126px;
  --ratio-golden: 1.618 / 1;
  --ratio-silver: 1.414 / 1;
  --ratio-golden-v: 1 / 1.618;
  --ratio-silver-v: 1 / 1.414;
  --amin-base: all 0.6s;
  --amin-sub: all 0.8s cubic-bezier(0.2, 1, 0.2, 1);
  --img-hover: scale(1.1);
  --btn-move: scale(0.99, 0.99) translateY(2px);
  --slant: matrix(1, 0, -0.42, 1, 0, 0);
  --slant2: matrix(1, 0, 0.42, 1, 0, 0);
  --radius: 20px;
  --radius-max: 40px;
  --radius-min: 10px;
  --z-back: -1;
  --z-front: 9999;
  --z-fix: 9998;
}

/************************************************
 * 画像
 ************************************************/
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@keyframes circleMove {
  0% {
    bottom: 45px;
  }
  100% {
    bottom: -5px;
  }
}
@keyframes cirleMoveHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes PageSlant {
  0% {
    transform-origin: left;
    transform: translateX(-300%) skewX(-45deg);
  }
  100% {
    transform-origin: left;
    transform: translateX(500%) skewX(-45deg);
  }
}
@keyframes PageCircle {
  0% {
    transform: scale(100);
  }
  100% {
    transform: scale(0);
    display: none;
  }
}
@keyframes PageCenter {
  99.9% {
    border-width: 0px;
  }
  100% {
    z-index: var(--z-back);
    border-width: 0px;
  }
}
@keyframes PageLeft {
  0% {
    transform-origin: right;
    transform: scaleX(0);
  }
  50% {
    transform-origin: right;
    transform: scaleX(1);
  }
  51% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}
@keyframes PageOpenLeft {
  0% {
    transform-origin: right;
    transform: scaleX(1);
  }
  50% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}
@keyframes PageRight {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  51% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
@keyframes PageOpenRight {
  0% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
@keyframes PageTop {
  0% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
  50% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  51% {
    transform-origin: top;
  }
  100% {
    transform-origin: top;
    transform: scaleY(0);
  }
}
@keyframes PageOpenTop {
  0% {
    transform-origin: top;
    transform: scaleY(1);
  }
  100% {
    transform-origin: top;
    transform: scaleY(0);
  }
}
@keyframes PageBottom {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  50% {
    transform-origin: top;
    transform: scaleY(1);
  }
  51% {
    transform-origin: bottom;
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
@keyframes PageOpenBottom {
  0% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
@keyframes circle {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
  }
}
@keyframes wobblingX {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 10px;
  }
}
@keyframes wobblingY {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 10px;
  }
}
@keyframes wobblingTopX {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 15px;
  }
}
@keyframes wobblingTopY {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 20px;
  }
}
@keyframes lost {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgAppear {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
/* アニメーショントリガー */
body.body-asb {
  /*== ボタン共通設定 */
}
body.body-asb .bgCercle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: var(--color-btn-h);
  right: 0;
  padding-top: 100%;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  transform: translateY(-50%) scale(0.1);
  transition: opacity 0.5s, transform 0s;
  transition-delay: 0s, 0.3s;
}
body.body-asb .bgCercle:hover::before {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity 0.7s, transform 0.5s ease-in-out;
}
body.body-asb .lp-body.lp-asb .w-btn {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: ease 0.2s;
  background: var(--color-btn);
  box-shadow: var(--shadow);
  border-radius: var(--radius-max);
  padding: 16px 40px;
  overflow: hidden;
}
body.body-asb .lp-body.lp-asb .w-btn span {
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  font-family: var(--font-swap);
}
.appear body.body-asb .lp-body.lp-asb .w-btn span {
  font-family: var(--font-bold);
}
body.body-asb .lp-body.lp-asb .w-btn:hover {
  box-shadow: none;
  transform: var(--btn-move);
}
body.body-asb .lp-body.lp-asb .w-btn:hover span {
  color: #fff;
}
body.body-asb .lp-body.lp-asb a[rel=nofollow].w-btn span {
  padding-right: 26px;
  background: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/img/ico/ico_link_out_w.svg") no-repeat right center;
  background-size: 20px 20px;
}
body.body-asb .lp-body.lp-asb .w-btn-o {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 80px auto 0 auto;
  transition: ease 0.2s;
}
body.body-asb .lp-body.lp-asb .w-btn-o img {
  position: absolute;
  width: 40px;
  height: 10px;
  margin-top: 30px;
  margin-left: -20px;
  z-index: 3;
  transition: ease 0.2s;
}
body.body-asb .lp-body.lp-asb .w-btn-o .bgcenterx::before {
  background: var(--color-btn-h);
}
body.body-asb .lp-body.lp-asb .w-btn-o:hover {
  transform: var(--btn-move);
}
body.body-asb .lp-body.lp-asb .w-btn-o:hover img {
  margin-top: 30px;
  margin-left: -23px;
}
body.body-asb .fadeIn {
  animation: fade 1s forwards;
  opacity: 0;
}
body.body-asb .fadeUp {
  animation: fadeUp 0.5s forwards;
  opacity: 0;
}
body.body-asb .fadeLeft {
  animation: fadeLeft 0.5s forwards;
  opacity: 0;
}
body.body-asb .fadeRight {
  animation: fadeRight 0.5s forwards;
  opacity: 0;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
body.body-asb .blur {
  animation: blur 0.2s forwards;
}
@keyframes blur {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
body.body-asb .lineAnm {
  position: relative;
  /*左右線*/
}
body.body-asb .lineAnm.line {
  animation: fade 0.5s forwards;
}
body.body-asb .lineAnm::before, body.body-asb .lineAnm::after {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  width: 0;
  height: 1px;
  background: var(--color-main);
}
body.body-asb .lineAnm::before {
  top: 0;
  right: 0;
}
body.body-asb .lineAnm::after {
  bottom: 0;
  right: 0;
}
body.body-asb .lineAnm .line2 {
  max-width: 100%;
}
body.body-asb .lineAnm .line2::before, body.body-asb .lineAnm .line2::after {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  width: 1px;
  height: 0;
  background: var(--color-main);
}
body.body-asb .lineAnm .line2::before {
  top: 0;
  right: 0;
}
body.body-asb .lineAnm .line2::after {
  bottom: 0;
  left: 0;
}
body.body-asb .lineAnm.line::before {
  animation: line 0.5s linear 0s forwards;
}
body.body-asb .lineAnm.line::after {
  animation: line 0.5s linear 1s forwards;
}
body.body-asb .lineAnm.line .line2::before {
  animation: line2 0.5s linear 0.5s forwards;
}
body.body-asb .lineAnm.line .line2::after {
  animation: line2 0.5s linear 1.5s forwards;
}
@keyframes line {
  0% {
    width: 0%;
  }
  99% {
    width: 100%;
    opacity: 0.2;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes line2 {
  0% {
    height: 0%;
  }
  99% {
    height: 100%;
    opacity: 0.2;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
body.body-asb .lineAnm.line .lineAppear {
  animation: fade 0.5s linear 1.5s forwards;
  opacity: 0;
  max-width: 100%;
}
body.body-asb .bg-img .lineAnm.line .lineAppear {
  animation: lost 0.5s linear 1.6s forwards;
  opacity: 0.8;
  background: #fff;
}
body.body-asb .bgRightAnm, body.body-asb .bgAppearAnm, body.body-asb .zoomInAnm,
body.body-asb .fadeInAnm, body.body-asb .fadeUpAnm, body.body-asb .fadeLeftAnm, body.body-asb .fadeRightAnm,
body.body-asb .flipLeftTopAnm, body.body-asb .flipRightTopAnm, body.body-asb .blurAnm, body.body-asb .slideAnm, body.body-asb .lineAnm {
  opacity: 0;
}
body.body-asb .glowAnm span {
  opacity: 0;
}
body.body-asb .glowAnm.glow span {
  animation: glow 1s ease-out forwards;
}
@keyframes glow {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 rgb(245, 255, 189), 0 0 0 rgb(245, 255, 189);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px rgb(245, 255, 189), 0 0 15px rgb(245, 255, 189);
  }
  100% {
    opacity: 1;
    text-shadow: none;
  }
}

@font-face {
  font-family: "Mincho";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/ShipporiMinchoYakuHan-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Gothic";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/NotoSansYakuHanJP-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Gothic";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/NotoSansYakuHanJP-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Bold";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/NotoSansYakuHanJP-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Eng";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/Roboto-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Hand";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/highlander.woff2") format("woff2");
}
@font-face {
  font-family: "Cat";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/cat/NotoSansYakuHanJP-Bold.woff2?ver=01") format("woff2");
}
@font-face {
  font-family: "Cat2";
  font-display: swap;
  src: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/font/cat/NotoSansYakuHanJP-Bold.woff2") format("woff2");
}
* {
  box-sizing: border-box;
}

body {
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
}

body.body-asb {
  animation: fade 1.5s forwards 0.2s;
}

.lp-body.lp-asb, .asb-bottom-cta {
  color: var(--color-blk);
  font-family: var(--font-swap);
  font-size: var(--font-size-reg);
  line-height: 1.85;
  font-weight: 400;
  word-wrap: break-word;
  letter-spacing: 0.2em;
}

.lp-body.lp-asb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-body.lp-asb a {
  position: relative;
  outline: none;
  color: var(--color-link);
  text-decoration: none;
}
.lp-body.lp-asb a:hover {
  color: var(--color-hover);
  text-decoration-color: none;
}

body.body-asb img {
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

body.body-asb .not-display, body.body-asb .not-disp, .screen-reader-text, .meta-nav {
  display: none !important;
}

body.body-asb .entry-body {
  position: relative;
}
body.body-asb .entry-body > p {
  margin: 0;
  padding: 0;
}

body.body-asb .flex {
  display: flex;
}

body.body-asb .text-center, body.body-asb .txt-cen {
  text-align: center;
}

body.body-asb .inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: var(--width-pc) !important;
}
@media screen and (max-width: 1200px) {
  body.body-asb .inner {
    padding: 0 16px;
    margin: 0;
  }
}

body.body-asb .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  clip: rect(0, auto, auto, 0);
  z-index: -1;
  background: #fff;
}
body.body-asb .bg-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.body-asb .bg-img.fix::before {
  position: fixed;
}
body.body-asb .bg-img .scrollAnm, body.body-asb .bg-img .bgAnm {
  width: 100%;
  height: 100%;
}
body.body-asb .bg-img .lineAnm, body.body-asb .bg-img .line2, body.body-asb .bg-img .lineAppear {
  height: 100%;
}

body.body-asb .img-cover {
  position: relative;
  display: block;
  overflow: hidden;
}
body.body-asb .img-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--amin-sub);
}

/************************************************
 * 【ベース】レスポンシブ
 ************************************************/
body.body-asb .sp, body.body-asb .sp-br, body.body-asb span.sp-br {
  display: none;
}

body.body-asb .pc {
  display: inline-block;
}

body.body-asb .not-sp {
  display: block;
}

@media screen and (max-width: 768px) {
  .tb-br {
    display: block;
  }
}
@media screen and (max-width: 430px) {
  body.body-asb .sp-br, body.body-asb span.sp-br, body.body-asb p span.sp-br, h3.sp {
    display: block;
  }
  body.body-asb .sp {
    display: inline-block;
  }
  body.body-asb .pc, body.body-asb .not-sp {
    display: none;
  }
}
/**********************
 * 見出し
 **********************/
.lp-body.lp-asb h2 {
  text-align: center;
  line-height: 1.5;
  color: var(--color-main);
  font-weight: bold;
  margin: 0 0 15px 0;
}
.lp-body.lp-asb h2 span {
  display: block;
  font-style: normal;
  text-transform: var(--text-tra);
}
.base .lp-body.lp-asb h2, .lp-body .lp-body.lp-asb h2 {
  position: relative;
  background: transparent;
  color: var(--color-blk);
  font-size: 1.5rem;
  text-align: center;
  border-bottom: 2px solid var(--color-main);
  padding: 0 0 10px 0;
  border: none;
}
.base .lp-body.lp-asb h2 span, .lp-body .lp-body.lp-asb h2 span {
  line-height: 2;
}
.lp-body.lp-asb h2 .sub-e,
.lp-body.lp-asb h2 .sub-e span {
  display: inline-block;
  position: relative;
  font-size: 4.7rem;
  font-family: var(--font-eng);
  font-style: normal;
  line-height: 1;
  text-transform: var(--text-tra);
  background: var(--color-gra2);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 10px 0 0 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb h2 .sub-e,
  .lp-body.lp-asb h2 .sub-e span {
    font-size: 2.6rem;
  }
}
.lp-body.lp-asb h2 .sub-e span {
  padding: 10px 0 0 0;
  margin: 0 0 -10px 0;
  line-height: 1;
  letter-spacing: -0.03em;
  background: var(--color-accent);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lp-body.lp-asb h2 .sub-e span::after {
  display: none;
}
.lp-body.lp-asb h2 .sub-j {
  padding-left: 0;
  color: var(--color-blk);
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  font-family: var(--font-swap-sub);
}
.appear .lp-body.lp-asb h2 .sub-j {
  font-family: var(--font-sub);
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb h2 .sub-j {
    font-size: 1rem;
  }
}
.lp-body.lp-asb h2 .bgExtend .sub-j {
  margin-top: -10px;
}
body.body-asb .lp-body.lp-asb h2 {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.lp-body.lp-asb h2.back::before {
  content: attr(data-en);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-main);
  font-size: 8rem;
  font-family: var(--font-eng);
  white-space: nowrap;
  letter-spacing: -7px;
  opacity: 0.1;
  transform: translate(-50%, -50%);
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb h2.back::before {
    font-size: 4rem;
    margin-top: -30px;
    margin-left: -4px;
  }
}

h3.notes-h3 {
  font-size: 1.17em;
  font-weight: bold;
}

/***********************
 * flexリスト
 **********************/
.lp-body.lp-asb .flex-list {
  max-width: var(--width-pc);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin: 30px auto 60px auto;
}
.lp-body.lp-asb .flex-list .flex-item {
  position: relative;
  width: 380px;
  padding: 0;
  box-shadow: -10px 10px 45px -20px rgba(0, 0, 0, 0.7);
  backface-visibility: hidden;
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  transition: var(--amin-sub);
}
.lp-body.lp-asb .flex-list .flex-item img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--ratio-silver);
  vertical-align: bottom;
}
.lp-body.lp-asb .flex-list .flex-item figure .title {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: var(--color-main);
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}
.lp-body.lp-asb .flex-list .flex-item .cap {
  text-align: center;
}
.lp-body.lp-asb .flex-list .flex-item .cap h3 {
  color: #fff;
  font-weight: normal;
  font-size: 0.9rem;
  white-space: nowrap;
  border: none;
  width: 100%;
}
.lp-body.lp-asb .flex-list .flex-item .cap h3::before, .lp-body.lp-asb .flex-list .flex-item .cap h3::after {
  display: none;
}
.lp-body.lp-asb .flex-list .flex-item .cap span {
  border: 1px solid #fff;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  font-size: 0.8rem;
  white-space: nowrap;
}
.lp-body.lp-asb .flex-list .flex-item a {
  position: relative;
  display: block;
}
.lp-body.lp-asb .flex-list .flex-item:nth-child(1) {
  animation-delay: 0.4s;
}
.lp-body.lp-asb .flex-list .flex-item:nth-child(2) {
  animation-delay: 0.6s;
}
.lp-body.lp-asb .flex-list .flex-item:nth-child(3) {
  animation-delay: 0.8s;
}
.lp-body.lp-asb .flex-list .flex-item:nth-child(4) {
  animation-delay: 1s;
}
.lp-body.lp-asb .flex-list .flex-item:nth-child(5) {
  animation-delay: 1.2s;
}
.lp-body.lp-asb .flex-list .flex-item:nth-child(6) {
  animation-delay: 1.4s;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .flex-list {
    width: 90%;
  }
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb .flex-list {
    display: contents;
    width: 100%;
  }
  .lp-body.lp-asb .flex-list .flex-item {
    width: auto;
    max-width: 350px;
    margin: 0 auto 30px auto;
  }
  .lp-body.lp-asb .flex-list .flex-item:last-child {
    margin-bottom: 30px !important;
  }
}
.lp-body.lp-asb .flex-list.ver, .lp-body.lp-asb .flex-list.dtl {
  gap: 45px;
}
.lp-body.lp-asb .flex-list.ver .flex-item, .lp-body.lp-asb .flex-list.dtl .flex-item {
  box-shadow: none;
  transition: 0.3s ease-in-out;
  width: 370px;
}
.lp-body.lp-asb .flex-list.ver .flex-item figure, .lp-body.lp-asb .flex-list.dtl .flex-item figure {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  border-radius: var(--radius);
}
.lp-body.lp-asb .flex-list.ver .flex-item img.main-img, .lp-body.lp-asb .flex-list.dtl .flex-item img.main-img {
  display: block;
  width: 100%;
  margin: 0 auto;
  box-shadow: var(--shadow);
  transition: var(--amin-sub);
}
.lp-body.lp-asb .flex-list.ver .flex-item a:hover img.main-img, .lp-body.lp-asb .flex-list.dtl .flex-item a:hover img.main-img {
  transform: var(--img-hover);
}
.lp-body.lp-asb .flex-list.ver .item-area, .lp-body.lp-asb .flex-list.dtl .item-area {
  position: relative;
  background: #fff;
  width: 100%;
  max-width: 80%;
  min-height: 230px;
  padding: 0px 30px 30px;
  margin: 0 auto;
  color: var(--color-blk);
  text-align: center;
  opacity: 0.9;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.lp-body.lp-asb .flex-list.ver .item-area .title, .lp-body.lp-asb .flex-list.dtl .item-area .title {
  background: var(--color-gra);
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  padding: 6px 16px;
  margin-left: -30px;
  margin-right: -30px;
  font-family: var(--font-swap-sub);
}
.appear .lp-body.lp-asb .flex-list.ver .item-area .title, .appear .lp-body.lp-asb .flex-list.dtl .item-area .title {
  font-family: var(--font-sub);
}
.lp-body.lp-asb .flex-list.ver .item-area .exp, .lp-body.lp-asb .flex-list.dtl .item-area .exp {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 30px;
}
.lp-body.lp-asb .flex-list.ver .item-area .dtl, .lp-body.lp-asb .flex-list.dtl .item-area .dtl {
  display: block;
  color: var(--color-main);
  font-size: 0.8rem;
  width: 180px;
  padding: 10px;
  margin: 20px auto 0 auto;
  border: 1px var(--color-main) solid;
  border-radius: var(--radius-max);
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.lp-body.lp-asb .flex-list.ver .item-area .dtl span, .lp-body.lp-asb .flex-list.dtl .item-area .dtl span {
  z-index: 1;
}
.lp-body.lp-asb .flex-list.ver .item-area .dtl::after, .lp-body.lp-asb .flex-list.dtl .item-area .dtl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--color-gra2);
  top: auto;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  transition: var(--amin-sub);
}
.lp-body.lp-asb .flex-list.ver .item-area .dtl:hover, .lp-body.lp-asb .flex-list.dtl .item-area .dtl:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.lp-body.lp-asb .flex-list.ver .item-area .dtl:hover::after, .lp-body.lp-asb .flex-list.dtl .item-area .dtl:hover::after {
  width: 100%;
  opacity: 1;
}
.lp-body.lp-asb .flex-list.ver.ver .flex-item img.main-img, .lp-body.lp-asb .flex-list.dtl.ver .flex-item img.main-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--ratio-silver-v);
  vertical-align: bottom;
}
.lp-body.lp-asb .flex-list.ver.ver .flex-item .item-area, .lp-body.lp-asb .flex-list.dtl.ver .flex-item .item-area {
  margin-top: -200px;
}
.lp-body.lp-asb .flex-list.ver.dtl .flex-item img.main-img, .lp-body.lp-asb .flex-list.dtl.dtl .flex-item img.main-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--ratio-silver);
  vertical-align: bottom;
}
.lp-body.lp-asb .flex-list.ver.dtl .flex-item .item-area, .lp-body.lp-asb .flex-list.dtl.dtl .flex-item .item-area {
  margin-top: -93px;
}
.lp-body.lp-asb .flex-list.ver .flex-item a:hover .dtl, .lp-body.lp-asb .flex-list.dtl .flex-item a:hover .dtl {
  border: none;
  color: #fff;
}
.lp-body.lp-asb .flex-list.ver .flex-item a:hover .dtl::after, .lp-body.lp-asb .flex-list.dtl .flex-item a:hover .dtl::after {
  width: 100%;
  opacity: 1;
}
.lp-body.lp-asb .flex-list.ver .flex-item.no-link .item-area, .lp-body.lp-asb .flex-list.dtl .flex-item.no-link .item-area {
  margin-top: -24px;
  min-height: auto;
}

/**********************
 * 画像左右
 **********************/
.lp-body.lp-asb .img-left {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  width: auto;
  max-width: 100% !important;
  padding: 100px 0;
}
.lp-body.lp-asb .img-left .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .img-left {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .img-left .img-left-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius);
}
.lp-body.lp-asb .img-left .img-left-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--ratio-silver);
  vertical-align: bottom;
  border-radius: var(--radius);
}
.lp-body.lp-asb .img-left .img-left-img-out {
  max-width: 508px;
}
.lp-body.lp-asb .img-left h2 {
  text-align: left;
  margin-left: 0;
}
.lp-body.lp-asb .img-left h2 span {
  width: auto;
}
.lp-body.lp-asb .img-left h2.back::before {
  left: 60%;
}
.lp-body.lp-asb .img-left h3 {
  font-size: 2rem;
  color: var(--color-main);
  margin-bottom: 50px;
  font-family: var(--font-swap-sub);
}
.appear .lp-body.lp-asb .img-left h3 {
  font-family: var(--font-sub);
}
.lp-body.lp-asb .img-left h3::before {
  display: none;
}
.lp-body.lp-asb .img-left .img-left-btn a {
  min-width: 240px;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .img-left .wp-block-columns .wp-block-columns {
    display: block;
  }
  .lp-body.lp-asb .img-left .wp-block-columns .wp-block-columns .wp-block-column {
    margin-top: 20px;
  }
  .lp-body.lp-asb .img-left .img-left-btn {
    text-align: right;
  }
  .lp-body.lp-asb .img-left .img-left-btn a {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .img-left {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lp-body.lp-asb .img-left .img-left-img-out {
    margin: 0 auto;
  }
  .lp-body.lp-asb .img-left h2, .lp-body.lp-asb .img-left h3 {
    margin: 0 auto;
    text-align: center;
  }
  .lp-body.lp-asb .img-left h2.back::before {
    left: 50%;
  }
  .lp-body.lp-asb .img-left .img-left-info {
    padding-top: 60px;
    padding-left: 0;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .lp-body.lp-asb .img-left figure.img-left-img {
    margin: 20px auto 0 auto;
  }
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb .img-left .img-left-btn {
    text-align: center;
  }
}

.lp-body.lp-asb .img-right {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  width: auto;
  max-width: 100% !important;
  padding: 100px 0;
}
.lp-body.lp-asb .img-right .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .img-right {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .img-right .img-right-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius);
}
.lp-body.lp-asb .img-right .img-right-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--ratio-silver);
  vertical-align: bottom;
  border-radius: var(--radius);
}
.lp-body.lp-asb .img-right .img-right-img-out {
  max-width: 508px;
}
.lp-body.lp-asb .img-right h2 {
  text-align: left;
  margin-left: 0;
}
.lp-body.lp-asb .img-right h2 span {
  width: auto;
}
.lp-body.lp-asb .img-right h2.back::before {
  left: 60%;
}
.lp-body.lp-asb .img-right h3 {
  font-size: 2rem;
  color: var(--color-main);
  margin-bottom: 50px;
  font-family: var(--font-swap-sub);
}
.appear .lp-body.lp-asb .img-right h3 {
  font-family: var(--font-sub);
}
.lp-body.lp-asb .img-right h3::before {
  display: none;
}
.lp-body.lp-asb .img-right .img-right-btn a {
  min-width: 240px;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .img-right .wp-block-columns .wp-block-columns {
    display: block;
  }
  .lp-body.lp-asb .img-right .wp-block-columns .wp-block-columns .wp-block-column {
    margin-top: 20px;
  }
  .lp-body.lp-asb .img-right .img-right-btn {
    text-align: right;
  }
  .lp-body.lp-asb .img-right .img-right-btn a {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .img-right {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lp-body.lp-asb .img-right .img-right-img-out {
    margin: 0 auto;
  }
  .lp-body.lp-asb .img-right h2, .lp-body.lp-asb .img-right h3 {
    margin: 0 auto;
    text-align: center;
  }
  .lp-body.lp-asb .img-right h2.back::before {
    left: 50%;
  }
  .lp-body.lp-asb .img-right .img-right-info {
    padding-top: 60px;
    padding-left: 0;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .lp-body.lp-asb .img-right figure.img-right-img {
    margin: 20px auto 0 auto;
  }
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb .img-right .img-right-btn {
    text-align: center;
  }
}

/**********************
 * 画像左
 **********************/
.lp-body.lp-asb .img-left .img-left-img {
  box-shadow: 10px 50px 55px -10px rgba(0, 0, 0, 0.7);
}
.lp-body.lp-asb .img-left .img-left-img img {
  box-shadow: 20px 60px var(--color-main);
}
.lp-body.lp-asb .img-left .img-left-img-out {
  margin-right: 60px;
}
.lp-body.lp-asb .img-left .img-left-info {
  margin-top: 130px !important;
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .img-left {
    flex-direction: column-reverse;
  }
  .lp-body.lp-asb .img-left figure.img-left-img {
    margin: 20px auto 0 auto;
  }
  .lp-body.lp-asb .img-left .img-left-img-out {
    margin: 0 auto;
  }
  .lp-body.lp-asb .img-left .img-left-info {
    margin-top: 0 !important;
  }
}

/**********************
 * 画像右
 **********************/
.lp-body.lp-asb .img-right {
  padding-top: 50px;
}
.lp-body.lp-asb .img-right .img-right-img {
  box-shadow: -20px 60px var(--color-accent), -10px 20px 55px -5px rgba(0, 0, 0, 0.7);
}
.lp-body.lp-asb .img-right .img-right-info {
  margin-top: 130px !important;
  margin-right: 60px !important;
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .img-right .img-right-info {
    margin-right: 0 !important;
  }
  .lp-body.lp-asb .img-right figure.img-right-img {
    margin: 0 auto 100px auto !important;
  }
}

/**********************
 * 横幅固定リスト
 **********************/
.lp-body.lp-asb .fix-list {
  margin-bottom: 90px;
  box-shadow: var(--shadow);
}
.lp-body.lp-asb .fix-list .img-left {
  max-height: 470px;
  padding: 0;
  margin: 0;
  gap: 0;
}
.lp-body.lp-asb .fix-list .img-left h2 {
  max-width: 100%;
  padding-bottom: 20px;
  margin: 0;
}
.lp-body.lp-asb .fix-list .img-left .img-left-info {
  max-width: 555px;
  padding: 26px;
  margin: 0 !important;
}
.lp-body.lp-asb .fix-list .img-left .img-left-img {
  box-shadow: none;
  margin: 0;
}
.lp-body.lp-asb .fix-list .img-left .img-left-img img {
  box-shadow: none;
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .fix-list .img-left {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  .lp-body.lp-asb .fix-list .img-left .img-left-info {
    max-width: 100%;
  }
  .lp-body.lp-asb .fix-list .img-left figure.img-left-img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb .fix-list .img-left figure.img-left-img {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
.lp-body.lp-asb .fix-list .img-right {
  max-height: 470px;
  padding: 0;
  margin: 0;
  gap: 0;
}
.lp-body.lp-asb .fix-list .img-right h2 {
  max-width: 100%;
  padding-bottom: 20px;
  margin: 0;
}
.lp-body.lp-asb .fix-list .img-right .img-right-info {
  max-width: 555px;
  padding: 26px;
  margin: 0 !important;
}
.lp-body.lp-asb .fix-list .img-right .img-right-img {
  box-shadow: none;
  margin: 0;
}
.lp-body.lp-asb .fix-list .img-right .img-right-img img {
  box-shadow: none;
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .fix-list .img-right {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  .lp-body.lp-asb .fix-list .img-right .img-right-info {
    max-width: 100%;
  }
  .lp-body.lp-asb .fix-list .img-right figure.img-right-img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb .fix-list .img-right figure.img-right-img {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
.lp-body.lp-asb .fix-list .img-right {
  background: var(--color-base);
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .fix-list .img-left {
    flex-direction: column-reverse;
  }
}

/**********************
 * スクロールアニメショーン
 **********************/
.lp-body.lp-asb .scroll-anm {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.lp-body.lp-asb .bgAnm .bgextend {
  overflow: visible;
}
.lp-body.lp-asb .bgAnm .bgextend::before {
  background-color: #ccc;
}

.lp-body.lp-asb .img-half {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  max-width: 100vw !important;
}
.lp-body.lp-asb .img-half .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .img-half {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .img-half .bg-img {
  width: 50%;
  z-index: 0;
}
.lp-body.lp-asb .img-half .bg-img.fix::before {
  width: 50%;
}
.lp-body.lp-asb .img-half .inner-half {
  position: relative;
  width: 100%;
  max-width: calc(var(--width-pc) / 2) !important;
  margin: 0 auto;
  text-align: left;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.lp-body.lp-asb .img-half .inner-half h2, .lp-body.lp-asb .img-half .inner-half .w-btn-o {
  margin-left: 0 !important;
}
.lp-body.lp-asb .img-half .inner-half h2 {
  text-align: left;
}
.lp-body.lp-asb .img-half .inner-half h2.slant::after {
  left: 10px;
}
.lp-body.lp-asb .img-half .inner-half h3 {
  font-size: 1.5rem;
  color: var(--color-main);
  margin-bottom: 50px;
  font-family: var(--font-swap-sub);
}
.appear .lp-body.lp-asb .img-half .inner-half h3 {
  font-family: var(--font-sub);
}
.lp-body.lp-asb .img-half .inner-half h3::before {
  display: none;
}
.lp-body.lp-asb .img-half.left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background: #fff;
}
.lp-body.lp-asb .img-half.left .inner-half {
  margin-left: 50% !important;
  padding-left: 40px;
}
.lp-body.lp-asb .img-half.right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--color-gra4);
}
.lp-body.lp-asb .img-half.right .bg-img {
  left: 50%;
}
.lp-body.lp-asb .img-half.right .bg-img.fix::before {
  left: 50%;
}
.lp-body.lp-asb .img-half.right .inner-half {
  padding-right: 40px;
  margin-right: 50% !important;
}
.lp-body.lp-asb .img-half.img-max .inner-half, .lp-body.lp-asb .img-half.img-max .inner-half::before, .lp-body.lp-asb .img-half.img-big .inner-half, .lp-body.lp-asb .img-half.img-big .inner-half::before, .lp-body.lp-asb .img-half.img-small .inner-half, .lp-body.lp-asb .img-half.img-small .inner-half::before {
  border-radius: var(--radius);
}
.lp-body.lp-asb .img-half.img-max .inner-half::before, .lp-body.lp-asb .img-half.img-big .inner-half::before, .lp-body.lp-asb .img-half.img-small .inner-half::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  z-index: -1;
}
.lp-body.lp-asb .img-half.img-max.left .inner-half, .lp-body.lp-asb .img-half.img-big.left .inner-half, .lp-body.lp-asb .img-half.img-small.left .inner-half {
  padding: 40px;
  margin-left: 50%;
}
.lp-body.lp-asb .img-half.img-max.right .inner-half, .lp-body.lp-asb .img-half.img-big.right .inner-half, .lp-body.lp-asb .img-half.img-small.right .inner-half {
  padding: 40px;
  margin-right: 50%;
}
.lp-body.lp-asb .img-half.img-max .bg-img {
  width: 100%;
  z-index: 0;
}
.lp-body.lp-asb .img-half.img-max .bg-img.fix::before {
  width: 101%;
}
.lp-body.lp-asb .img-half.img-max.left::before, .lp-body.lp-asb .img-half.img-max.right::before {
  display: none;
}
.lp-body.lp-asb .img-half.img-max.right .bg-img {
  left: 0;
}
.lp-body.lp-asb .img-half.img-max.right .bg-img.fix::before {
  left: 0;
}
.lp-body.lp-asb .img-half.img-big .bg-img {
  width: 65%;
  z-index: 0;
}
.lp-body.lp-asb .img-half.img-big .bg-img.fix::before {
  width: 66%;
}
.lp-body.lp-asb .img-half.img-big.left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 65%;
  width: 35%;
  height: 100%;
  background: var(--color-gra4);
}
.lp-body.lp-asb .img-half.img-big.right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  background: var(--color-gra4);
}
.lp-body.lp-asb .img-half.img-big.right .bg-img {
  left: 35%;
}
.lp-body.lp-asb .img-half.img-big.right .bg-img.fix::before {
  left: 34%;
}
.lp-body.lp-asb .img-half.img-small .bg-img {
  width: 100%;
  max-width: 700px !important;
  z-index: 0;
}
.lp-body.lp-asb .img-half.img-small .bg-img.fix::before {
  width: 100%;
  max-width: 700px !important;
}
.lp-body.lp-asb .img-half.img-small.left .bg-img, .lp-body.lp-asb .img-half.img-small.left .bg-img.fix::before {
  left: auto;
  right: calc(50% - 100px);
}
.lp-body.lp-asb .img-half.img-small.right .bg-img, .lp-body.lp-asb .img-half.img-small.right .bg-img.fix::before {
  left: calc(50% - 100px);
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .img-half.img-small.right .bg-img, .lp-body.lp-asb .img-half.img-small.right .bg-img.fix::before {
    left: calc(50% - 250px);
  }
}
.lp-body.lp-asb .img-half.img-big.height-small, .lp-body.lp-asb .img-half.img-small {
  padding: 80px 0 120px 0;
}
.lp-body.lp-asb .img-half.img-big.height-small::before, .lp-body.lp-asb .img-half.img-small::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-gra4);
}
.lp-body.lp-asb .img-half.img-big.height-small .bg-img, .lp-body.lp-asb .img-half.img-small .bg-img {
  height: auto;
  aspect-ratio: var(--ratio-silver);
  margin-top: 0;
  border-radius: var(--radius);
  overflow: hidden;
}
.lp-body.lp-asb .img-half.img-big.height-small.first, .lp-body.lp-asb .img-half.img-big.height-small.fst, .lp-body.lp-asb .img-half.img-small.first, .lp-body.lp-asb .img-half.img-small.fst {
  padding: 180px 0 120px 0;
}
.lp-body.lp-asb .img-half.img-big.height-small.first .bg-img, .lp-body.lp-asb .img-half.img-big.height-small.fst .bg-img, .lp-body.lp-asb .img-half.img-small.first .bg-img, .lp-body.lp-asb .img-half.img-small.fst .bg-img {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb .img-half.img-big.height-small, .lp-body.lp-asb .img-half.img-small {
    padding: 60px 0 0 0 !important;
  }
  .lp-body.lp-asb .img-half.img-big.height-small .bg-img, .lp-body.lp-asb .img-half.img-small .bg-img {
    margin-top: 60px !important;
  }
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .img-half.left, .lp-body.lp-asb .img-half.right {
    overflow: hidden;
  }
  .lp-body.lp-asb .img-half.left .inner-half, .lp-body.lp-asb .img-half.right .inner-half {
    max-width: 50% !important;
    padding-right: 16px;
  }
  .lp-body.lp-asb .img-half.right .inner-half {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb .img-half {
    overflow: hidden;
  }
  .lp-body.lp-asb .img-half.left, .lp-body.lp-asb .img-half.right, .lp-body.lp-asb .img-half.left.img-max, .lp-body.lp-asb .img-half.right.img-max, .lp-body.lp-asb .img-half.left.img-big, .lp-body.lp-asb .img-half.right.img-big, .lp-body.lp-asb .img-half.left.img-small, .lp-body.lp-asb .img-half.right.img-small {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 0;
  }
  .lp-body.lp-asb .img-half.left::before, .lp-body.lp-asb .img-half.right::before, .lp-body.lp-asb .img-half.left.img-max::before, .lp-body.lp-asb .img-half.right.img-max::before, .lp-body.lp-asb .img-half.left.img-big::before, .lp-body.lp-asb .img-half.right.img-big::before, .lp-body.lp-asb .img-half.left.img-small::before, .lp-body.lp-asb .img-half.right.img-small::before {
    left: 0;
    width: 100%;
    border-radius: 0;
  }
  .lp-body.lp-asb .img-half.left .bg-img, .lp-body.lp-asb .img-half.right .bg-img, .lp-body.lp-asb .img-half.left.img-max .bg-img, .lp-body.lp-asb .img-half.right.img-max .bg-img, .lp-body.lp-asb .img-half.left.img-big .bg-img, .lp-body.lp-asb .img-half.right.img-big .bg-img, .lp-body.lp-asb .img-half.left.img-small .bg-img, .lp-body.lp-asb .img-half.right.img-small .bg-img {
    position: relative;
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: calc(100vw - 36px) !important;
    height: 350px;
    margin: 70px 16px 0 16px;
  }
  .lp-body.lp-asb .img-half.left .bg-img.fix::before, .lp-body.lp-asb .img-half.right .bg-img.fix::before, .lp-body.lp-asb .img-half.left.img-max .bg-img.fix::before, .lp-body.lp-asb .img-half.right.img-max .bg-img.fix::before, .lp-body.lp-asb .img-half.left.img-big .bg-img.fix::before, .lp-body.lp-asb .img-half.right.img-big .bg-img.fix::before, .lp-body.lp-asb .img-half.left.img-small .bg-img.fix::before, .lp-body.lp-asb .img-half.right.img-small .bg-img.fix::before {
    left: 0;
    right: 0;
  }
  .lp-body.lp-asb .img-half.left .bg-img::before, .lp-body.lp-asb .img-half.right .bg-img::before, .lp-body.lp-asb .img-half.left.img-max .bg-img::before, .lp-body.lp-asb .img-half.right.img-max .bg-img::before, .lp-body.lp-asb .img-half.left.img-big .bg-img::before, .lp-body.lp-asb .img-half.right.img-big .bg-img::before, .lp-body.lp-asb .img-half.left.img-small .bg-img::before, .lp-body.lp-asb .img-half.right.img-small .bg-img::before {
    width: 100%;
    position: absolute;
  }
  .lp-body.lp-asb .img-half.left .inner-half, .lp-body.lp-asb .img-half.right .inner-half, .lp-body.lp-asb .img-half.left.img-max .inner-half, .lp-body.lp-asb .img-half.right.img-max .inner-half, .lp-body.lp-asb .img-half.left.img-big .inner-half, .lp-body.lp-asb .img-half.right.img-big .inner-half, .lp-body.lp-asb .img-half.left.img-small .inner-half, .lp-body.lp-asb .img-half.right.img-small .inner-half {
    text-align: center;
    max-width: 100% !important;
    padding: 16px !important;
    margin: 0 auto !important;
  }
  .lp-body.lp-asb .img-half.left .inner-half h2, .lp-body.lp-asb .img-half.right .inner-half h2, .lp-body.lp-asb .img-half.left.img-max .inner-half h2, .lp-body.lp-asb .img-half.right.img-max .inner-half h2, .lp-body.lp-asb .img-half.left.img-big .inner-half h2, .lp-body.lp-asb .img-half.right.img-big .inner-half h2, .lp-body.lp-asb .img-half.left.img-small .inner-half h2, .lp-body.lp-asb .img-half.right.img-small .inner-half h2 {
    text-align: center;
  }
  .lp-body.lp-asb .img-half.left .inner-half h2.slant::after, .lp-body.lp-asb .img-half.right .inner-half h2.slant::after, .lp-body.lp-asb .img-half.left.img-max .inner-half h2.slant::after, .lp-body.lp-asb .img-half.right.img-max .inner-half h2.slant::after, .lp-body.lp-asb .img-half.left.img-big .inner-half h2.slant::after, .lp-body.lp-asb .img-half.right.img-big .inner-half h2.slant::after, .lp-body.lp-asb .img-half.left.img-small .inner-half h2.slant::after, .lp-body.lp-asb .img-half.right.img-small .inner-half h2.slant::after {
    left: calc(50% - 10px);
  }
  .lp-body.lp-asb .img-half.left .inner-half h2, .lp-body.lp-asb .img-half.left .inner-half .w-btn-o, .lp-body.lp-asb .img-half.right .inner-half h2, .lp-body.lp-asb .img-half.right .inner-half .w-btn-o, .lp-body.lp-asb .img-half.left.img-max .inner-half h2, .lp-body.lp-asb .img-half.left.img-max .inner-half .w-btn-o, .lp-body.lp-asb .img-half.right.img-max .inner-half h2, .lp-body.lp-asb .img-half.right.img-max .inner-half .w-btn-o, .lp-body.lp-asb .img-half.left.img-big .inner-half h2, .lp-body.lp-asb .img-half.left.img-big .inner-half .w-btn-o, .lp-body.lp-asb .img-half.right.img-big .inner-half h2, .lp-body.lp-asb .img-half.right.img-big .inner-half .w-btn-o, .lp-body.lp-asb .img-half.left.img-small .inner-half h2, .lp-body.lp-asb .img-half.left.img-small .inner-half .w-btn-o, .lp-body.lp-asb .img-half.right.img-small .inner-half h2, .lp-body.lp-asb .img-half.right.img-small .inner-half .w-btn-o {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lp-body.lp-asb .img-half.left .inner-half::before, .lp-body.lp-asb .img-half.right .inner-half::before, .lp-body.lp-asb .img-half.left.img-max .inner-half::before, .lp-body.lp-asb .img-half.right.img-max .inner-half::before, .lp-body.lp-asb .img-half.left.img-big .inner-half::before, .lp-body.lp-asb .img-half.right.img-big .inner-half::before, .lp-body.lp-asb .img-half.left.img-small .inner-half::before, .lp-body.lp-asb .img-half.right.img-small .inner-half::before {
    display: none !important;
  }
  .lp-body.lp-asb .img-half.left.img-max::before, .lp-body.lp-asb .img-half.right.img-max::before {
    display: block;
  }
}

body.body-asb .post-header-block {
  display: none;
}
body.body-asb .l-inner-wrap {
  margin-top: 0;
}
body.body-asb .l-footer {
  padding-top: 0;
}

.lp-body.lp-asb {
  background: none;
  margin-top: 0;
}
.lp-body.lp-asb #asb-header {
  position: relative;
  width: 100%;
  height: var(--height-main);
  margin: 0 calc(50% - 50vw);
  width: auto;
  height: var(--height-fsv);
  background: #fff;
}
.lp-body.lp-asb #asb-header .header-cat {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -moz-max-content;
  width: max-content;
  font-family: var(--font-cat);
  text-align: center;
}
.lp-body.lp-asb #asb-header .header-cat .main {
  font-size: 3.8rem;
  line-height: 1.3;
  letter-spacing: -1px;
  color: #fff;
  background: var(--color-gra);
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 12px 5px 8px;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb #asb-header .header-cat .main {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 800px) {
  .lp-body.lp-asb #asb-header .header-cat .main {
    margin-left: auto;
    margin-right: auto;
  }
}
.lp-body.lp-asb #asb-header .header-cat .sub-out {
  margin-top: 30px;
}
.lp-body.lp-asb #asb-header .header-cat .sub {
  color: var(--color-blk);
  font-family: var(--font-cat);
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.5;
  text-shadow: 0 0 10px rgb(255, 255, 255);
  margin-bottom: 16px;
}
.lp-body.lp-asb #asb-header .header-cat .sub .text {
  display: inline-block;
  margin-left: 96px;
}
.lp-body.lp-asb #asb-header .header-cat .sub .zeikomi {
  font-size: 1.3rem;
  text-align: right;
  font-weight: bold;
  letter-spacing: -0.1px;
  font-weight: bold;
  font-family: var(--font-swap);
  margin-top: -16px;
}
.appear .lp-body.lp-asb #asb-header .header-cat .sub .zeikomi {
  font-family: var(--font-main);
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .zeikomi {
    font-size: 1.2rem;
    margin-top: 0;
  }
}
.lp-body.lp-asb #asb-header .header-cat .sub .num {
  position: relative;
  font-size: 3.5rem;
  letter-spacing: -0.1px;
  color: var(--color-blk);
  font-style: italic;
  padding-right: 6px;
}
.lp-body.lp-asb #asb-header .header-cat .sub .num::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 6px;
  background: var(--color-accent);
  bottom: 3px;
  z-index: -1;
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .num {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .num {
    font-size: 2.1rem;
  }
}
.lp-body.lp-asb #asb-header .header-cat .sub .bkr {
  font-size: 2.6rem;
  font-style: italic;
  letter-spacing: -1px;
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .bkr {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .bkr {
    font-size: 1.5rem;
  }
}
.lp-body.lp-asb #asb-header .header-cat .sub .list-num.icon {
  position: absolute;
  margin-top: 6px;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb #asb-header .header-cat .sub {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .lp-body.lp-asb #asb-header .header-cat .sub {
    margin-top: 0;
  }
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .text {
    margin-left: 62px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 560px) {
  .lp-body.lp-asb #asb-header .header-cat .sub .sp-br {
    display: block;
  }
}
.lp-body.lp-asb #asb-header .header-cat.left {
  left: 10%;
  transform: translate(-10%, -50%);
  text-align: left;
}
.lp-body.lp-asb #asb-header .header-cat.left .main,
.lp-body.lp-asb #asb-header .header-cat.left .sub {
  text-align: left;
}
.lp-body.lp-asb #asb-header .header-cat.left .contact-btn {
  margin: 0;
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb #asb-header .header-cat.left {
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .lp-body.lp-asb #asb-header .header-cat.left .main {
    line-height: 1.6;
    text-align: center;
  }
  .lp-body.lp-asb #asb-header .header-cat.left .sub-out {
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    margin: 26px auto 0 auto;
  }
  .lp-body.lp-asb #asb-header .header-cat.left .sub {
    line-height: 1.1;
  }
}
@media screen and (max-width: 800px) {
  .lp-body.lp-asb #asb-header .header-cat {
    width: 100%;
  }
  .lp-body.lp-asb #asb-header .header-cat .main {
    font-size: 2.1rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .lp-body.lp-asb #asb-header .header-cat .main .kana {
    font-size: 1.7rem;
  }
  .lp-body.lp-asb #asb-header .header-cat.left {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .lp-body.lp-asb #asb-header .header-cat.left .contact-btn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb #asb-header .header-cat #cat-img,
  .lp-body.lp-asb #asb-header .header-cat .sub {
    animation-delay: 0s;
  }
}
.lp-body.lp-asb .list-num.icon {
  display: inline-block;
  position: relative;
  font-family: var(--font-eng);
  font-size: 0.9rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 0 0 10px rgba(75, 75, 75, 0.3882352941);
  background: var(--color-gra2);
  border-radius: 50%;
  padding-top: 18px;
  padding-left: 6px;
  margin-right: 10px;
  width: 80px;
  height: 80px;
}
.lp-body.lp-asb .list-num.icon span {
  display: block;
  font-size: 2.5rem;
}
.lp-body.lp-asb .list-num.icon::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 100%;
  height: 100%;
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb .list-num.icon {
    font-size: var(--font-size-min);
    width: 50px;
    height: 50px;
    padding-top: 14px;
  }
  .lp-body.lp-asb .list-num.icon span {
    font-size: 1.3rem;
  }
}
.lp-body.lp-asb #pc-top {
  display: block;
  position: fixed;
  width: 100%;
  height: var(--height-main);
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 100vw;
  top: 0;
  position: relative;
}
.lp-body.lp-asb #pc-top img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  position: relative;
}
.lp-body.lp-asb #pc-top img.main {
  width: 100%;
  opacity: 0.7;
  -o-object-position: 0 100%;
     object-position: 0 100%;
}
.scroll-asb-notes .lp-body.lp-asb #pc-top img.main {
  display: none;
}
.lp-body.lp-asb #pc-top img.sub {
  position: absolute;
  right: 100px;
  bottom: 0;
  width: auto;
  height: 100%;
  max-height: 840px;
}
@media screen and (min-height: 900px) {
  .l-content .lp-body.lp-asb #pc-top img.sub {
    bottom: 100px;
  }
}
@media screen and (min-height: 650px) {
  .l-content .lp-body.lp-asb #pc-top img.sub {
    bottom: 50px;
  }
}
@media screen and (max-width: 1600px) {
  .lp-body.lp-asb #pc-top img.sub {
    opacity: 0.9;
    height: 90%;
    right: 50px;
  }
}
@media screen and (max-width: 1350px) {
  .lp-body.lp-asb #pc-top img.sub {
    opacity: 0.9;
    height: 80%;
    right: 0;
  }
}
@media screen and (max-width: 1000px) {
  .lp-body.lp-asb #pc-top img.sub {
    display: none;
  }
}
.scroll-fsv .lp-body.lp-asb #pc-top img.sub {
  display: none;
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb #pc-top img {
    display: none;
  }
}
.lp-body.lp-asb #pc-top.right img {
  position: absolute;
  height: 70%;
  top: 20%;
  right: 100px;
}
@media screen and (max-width: 1400px) {
  .lp-body.lp-asb #pc-top.right img {
    height: 50%;
    top: 40%;
  }
}
@media screen and (max-width: 1000px) {
  .lp-body.lp-asb #pc-top.right img {
    right: 20px;
  }
}
.scroll-fsv .lp-body.lp-asb #pc-top {
  z-index: -1;
  position: fixed;
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb #pc-top {
    display: none;
  }
}
.lp-body.lp-asb #sp-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: var(--amin-base);
  overflow: hidden;
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb #sp-top {
    display: block;
    opacity: 0.6;
  }
  .lp-body.lp-asb #sp-top.cover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-40deg, rgba(37, 37, 41, 0.5), rgba(58, 60, 82, 0.1));
    opacity: 0.3;
  }
  .lp-body.lp-asb #sp-top img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .lp-body.lp-asb #sp-top.scrolled {
    position: fixed;
    z-index: -1;
  }
  .scroll-asb-notes .lp-body.lp-asb #sp-top {
    display: none;
  }
}
.lp-body.lp-asb .arkb-marker {
  position: relative;
  font-size: 1.3rem;
  letter-spacing: normal;
  background: none;
  padding: 0;
  font-family: var(--font-swap);
}
.appear .lp-body.lp-asb .arkb-marker {
  font-family: var(--font-bold);
}
.lp-body.lp-asb .arkb-marker::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--color-accent);
  bottom: -5px;
}
.lp-body.lp-asb .asb-toc {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  background: #fff;
}
.lp-body.lp-asb .asb-toc .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .asb-toc {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .asb-toc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-gra);
}
.lp-body.lp-asb .asb-toc h2 {
  margin-top: 60px;
}
.lp-body.lp-asb .asb-toc h2 span {
  font-weight: normal;
  color: #fff;
  border-bottom: none;
}
.lp-body.lp-asb .asb-toc h2 .sub-e {
  background: #fff;
  -webkit-background-clip: text;
          background-clip: text;
}
.lp-body.lp-asb .asb-toc h2 .sub-e span {
  background: #fff;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lp-body.lp-asb .asb-toc h2 .sub-e::after {
  background: #fff;
}
.lp-body.lp-asb .asb-toc h2 .sub-j {
  color: #fff;
}
.lp-body.lp-asb .asb-toc h2 .bgRight::before {
  background: #fff !important;
}
.lp-body.lp-asb .asb-toc h2.slant::after {
  background: #fff;
}
.lp-body.lp-asb .asb-toc h2.back::before {
  color: #fff;
  opacity: 0.1;
}
.lp-body.lp-asb .point-area {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  text-align: center;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 120px;
  z-index: 1;
  background: #fff;
}
.lp-body.lp-asb .point-area h2 {
  margin: 60px auto 0 auto;
  border: none;
}
.lp-body.lp-asb .point-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-gra);
  opacity: 0.3;
  z-index: -1;
}
.lp-body.lp-asb .point-list {
  display: flex;
  max-width: var(--width-pc);
  gap: 40px;
  margin: 0 auto;
}
.lp-body.lp-asb .point-list .point-detail {
  position: relative;
  padding: 20px;
  background: #fff;
  box-shadow: var(--shadow);
  width: 33%;
}
.lp-body.lp-asb .point-list .point-detail .list-num.icon {
  position: absolute;
  left: -25px;
  margin-top: -50px;
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb .point-list .point-detail .list-num.icon {
    left: -15px;
  }
}
.lp-body.lp-asb .point-list .point-detail .img {
  margin-top: 30px;
}
.lp-body.lp-asb .point-list .point-detail .img img {
  height: 90px !important;
  width: auto !important;
}
@media screen and (max-width: 900px) {
  .lp-body.lp-asb .point-list .point-detail .img img {
    height: 70px !important;
  }
}
.lp-body.lp-asb .point-list .point-detail .title {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
  border-bottom: solid 4px var(--color-main);
  margin: 20px auto;
  font-family: var(--font-swap);
}
.appear .lp-body.lp-asb .point-list .point-detail .title {
  font-family: var(--font-bold);
}
.lp-body.lp-asb .point-list .point-detail .text {
  font-size: 1rem;
  padding-bottom: 10px;
}
.lp-body.lp-asb .point-list .point-detail:nth-child(1) {
  animation-delay: 0.4s;
}
.lp-body.lp-asb .point-list .point-detail:nth-child(2) {
  animation-delay: 0.6s;
}
.lp-body.lp-asb .point-list .point-detail:nth-child(3) {
  animation-delay: 0.8s;
}
.lp-body.lp-asb .point-list .point-detail:nth-child(4) {
  animation-delay: 1s;
}
.lp-body.lp-asb .point-list .point-detail:nth-child(5) {
  animation-delay: 1.2s;
}
.lp-body.lp-asb .point-list .point-detail:nth-child(6) {
  animation-delay: 1.4s;
}
.lp-body.lp-asb .point-list.circle .point-detail {
  width: 343px;
  height: 343px;
  border-radius: 50%;
}
.lp-body.lp-asb .point-list.circle .point-detail .point {
  left: -10px;
  margin-top: -30px;
}
@media screen and (max-width: 781px) {
  .lp-body.lp-asb .point-list.circle {
    width: 343px;
    gap: 60px;
  }
}
@media screen and (max-width: 1300px) {
  .lp-body.lp-asb .point-list {
    justify-content: center;
    flex-wrap: wrap;
  }
  .lp-body.lp-asb .point-list .point-detail {
    width: 360px;
    margin: 0 20px;
  }
  .lp-body.lp-asb .point-list .point-detail .text {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 380px) {
  .lp-body.lp-asb .point-list .point-detail {
    width: 340px;
    margin: 0 10px;
  }
}
.lp-body.lp-asb .asb-worry {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  text-align: center;
}
.lp-body.lp-asb .asb-worry .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .asb-worry {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .asb-worry::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-base);
}
.lp-body.lp-asb .asb-worry h2 {
  margin-bottom: 60px;
  z-index: 2;
}
.lp-body.lp-asb .asb-worry h2.back::before {
  margin-top: -60px;
}
.lp-body.lp-asb .asb-worry .worry-sub-title {
  font-weight: bold;
  animation-delay: 0.4s;
}
.lp-body.lp-asb .asb-worry .worry-main {
  display: flex;
  justify-content: space-between;
  margin: 140px auto 0 auto;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list {
  text-align: left;
  font-weight: bold;
  font-size: 1.1rem;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li .icon {
  display: block;
  position: absolute;
  left: 0;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li .icon img {
  width: 40px;
  height: 40px;
  margin-top: -6px;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li:nth-child(1) {
  animation-delay: 0.4s;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li:nth-child(2) {
  animation-delay: 0.6s;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li:nth-child(3) {
  animation-delay: 0.8s;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li:nth-child(4) {
  animation-delay: 1s;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li:nth-child(5) {
  animation-delay: 1.2s;
}
.lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li:nth-child(6) {
  animation-delay: 1.4s;
}
@media screen and (max-width: 1050px) {
  .lp-body.lp-asb .asb-worry .worry-main .worry-list .worry-li .tb-br {
    display: block;
  }
}
.lp-body.lp-asb .asb-worry .worry-main .worry-img {
  max-width: 400px;
  margin-top: -50px;
}
@media screen and (max-width: 850px) {
  .lp-body.lp-asb .asb-worry .worry-main {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin: 60px auto 0 auto;
  }
  .lp-body.lp-asb .asb-worry .worry-main .worry-list {
    font-size: 1rem;
  }
  .lp-body.lp-asb .asb-worry .worry-main .worry-img {
    margin-top: 30px;
    max-width: 350px;
  }
}
.lp-body.lp-asb .asb-worry .worry-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 70px 0 70px;
  border-color: var(--color-main) transparent transparent transparent;
  margin: 60px auto 40px auto;
  animation-delay: 0.6s;
}
@media screen and (max-width: 850px) {
  .lp-body.lp-asb .asb-worry .worry-arrow {
    border-width: 60px 40px 0 40px;
  }
}
.lp-body.lp-asb .asb-worry .worry-solve {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: 2.5rem;
  letter-spacing: -0.1px;
  animation-delay: 0.8s;
  font-family: var(--font-swap);
}
.appear .lp-body.lp-asb .asb-worry .worry-solve {
  font-family: var(--font-bold);
}
.lp-body.lp-asb .asb-worry .worry-solve .bkr {
  font-size: 3.5rem;
  font-style: italic;
  line-height: 0.6;
  margin-left: -6px;
}
.lp-body.lp-asb .asb-worry .worry-solve::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 6px;
  background: var(--color-accent);
  bottom: 3px;
}
@media screen and (max-width: 850px) {
  .lp-body.lp-asb .asb-worry .worry-solve {
    font-size: 2rem;
    line-height: 1.6;
  }
  .lp-body.lp-asb .asb-worry .worry-solve .tb-br {
    display: block;
  }
  .lp-body.lp-asb .asb-worry .worry-solve .bkr {
    font-size: 2.6rem;
    line-height: 0.1;
  }
}
.lp-body.lp-asb .business {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  padding: 110px 0 60px 0;
}
.lp-body.lp-asb .business .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .business {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .business ul li {
  position: relative;
  margin: 0;
}
.lp-body.lp-asb .business ul li .flow-icon {
  position: relative;
  width: 160px;
  font-size: 1.1rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.lp-body.lp-asb .business ul li .flow-icon .flow-svg {
  position: absolute;
  left: 0;
  z-index: -1;
  max-width: 100%;
}
.lp-body.lp-asb .business ul li .flow-icon .flow-e {
  font-family: var(--font-eng);
  font-size: 1.4rem;
  letter-spacing: 0.1px;
  line-height: 1;
  text-shadow: var(--text-shadow2);
  margin: 10px 0 0 -25px;
}
.lp-body.lp-asb .business ul li .flow-icon .flow-j {
  letter-spacing: 2px;
  text-shadow: var(--text-shadow2);
  font-family: var(--font-swap);
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: -10px;
}
.appear .lp-body.lp-asb .business ul li .flow-icon .flow-j {
  font-family: var(--font-bold);
}
.lp-body.lp-asb .business ul li .flow-icon .flow-j .j2 {
  margin-left: 30px;
}
.lp-body.lp-asb .business ul li .flow-icon .flow-j .j1.one {
  line-height: 50px;
  padding-left: 16px;
}
.lp-body.lp-asb .business ul li .flow-icon .flow-i-img {
  width: 65%;
  margin: 10px auto 0 auto;
}
.lp-body.lp-asb .business ul li .flow-icon .flow-i-img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.lp-body.lp-asb .business ul li:nth-child(1) svg.flow-svg polygon {
  fill: #51EAFC;
}
.lp-body.lp-asb .business ul li:nth-child(2) svg.flow-svg polygon {
  fill: #36C4ED;
}
.lp-body.lp-asb .business ul li:nth-child(3) svg.flow-svg polygon {
  fill: #2DAADE;
}
.lp-body.lp-asb .business ul li:nth-child(4) svg.flow-svg polygon {
  fill: #49A0D7;
}
.lp-body.lp-asb .business ul li:nth-child(5) svg.flow-svg polygon {
  fill: #0D6FB8;
}
.lp-body.lp-asb .business ul li:nth-child(6) svg.flow-svg polygon {
  fill: #26455C;
}
.lp-body.lp-asb .business ul li:nth-child(4) .flow-icon .flow-i-img img {
  margin-left: -10px;
}
.lp-body.lp-asb .business ul li:nth-child(5) .flow-icon .flow-i-img img {
  max-width: 120%;
  margin-left: -20px;
}
.lp-body.lp-asb .business .flow-icon-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 0;
  margin: 0 auto;
}
.lp-body.lp-asb .business .flow-icon-list .flow-icon {
  padding-top: 10px;
}
.lp-body.lp-asb .business .flow-icon-list li {
  margin: 0 -14px;
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb .business .flow-icon-list {
    max-width: 400px;
  }
  .lp-body.lp-asb .business .flow-icon-list li {
    margin: -11px -12px;
  }
  .lp-body.lp-asb .business .flow-icon-list li .flow-icon {
    width: 130px;
  }
  .lp-body.lp-asb .business .flow-icon-list li .flow-icon .flow-i-img {
    width: 55%;
  }
  .lp-body.lp-asb .business .flow-icon-list li .flow-icon .flow-e {
    padding-top: 16px;
    padding-left: 10px;
    font-size: 1.2rem;
  }
  .lp-body.lp-asb .business .flow-icon-list li .flow-icon .flow-j {
    font-size: 0.9rem;
    padding-left: 10px;
  }
  .lp-body.lp-asb .business .flow-icon-list li:nth-child(1) {
    z-index: 6;
  }
  .lp-body.lp-asb .business .flow-icon-list li:nth-child(2) {
    z-index: 5;
  }
  .lp-body.lp-asb .business .flow-icon-list li:nth-child(3) {
    z-index: 4;
  }
  .lp-body.lp-asb .business .flow-icon-list li:nth-child(4) {
    z-index: 3;
  }
  .lp-body.lp-asb .business .flow-icon-list li:nth-child(5) {
    z-index: 2;
  }
  .lp-body.lp-asb .business .flow-icon-list li:nth-child(6) {
    z-index: 1;
  }
}
.lp-body.lp-asb .business ul.flow {
  position: relative;
  max-width: var(--width-pc);
  padding: 0 0 0 135px;
  margin: 60px auto 0 auto;
}
.lp-body.lp-asb .business ul.flow li {
  list-style-type: none;
}
.lp-body.lp-asb .business ul.flow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100px;
  width: 15px;
  height: 100%;
  background: #eee;
  box-shadow: 6px 6px 16px -6px rgba(95, 95, 95, 0.6);
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .business ul.flow::before {
    left: 80px;
  }
}
.lp-body.lp-asb .business ul.flow > li {
  position: relative;
}
.lp-body.lp-asb .business ul.flow > li:not(:last-child) {
  margin-bottom: 4vh;
}
.lp-body.lp-asb .business ul.flow > li .icon {
  display: block;
  position: absolute;
  top: 0;
  left: -135px;
  min-width: 76px;
  background: var(--color-gra2);
  color: #fff;
  font-size: 1rem;
  text-align: center;
  font-family: var(--font-eng);
  letter-spacing: 1px;
  text-transform: var(--text-tra);
  padding: 8px 6px 8px 10px;
  box-shadow: var(--shadow);
  border-radius: var(--radius);
}
.lp-body.lp-asb .business ul.flow > li .icon span {
  display: block;
  font-size: 2.2rem;
  line-height: 2.3rem;
}
.lp-body.lp-asb .business ul.flow > li .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 2px;
  height: 2px;
  background: none;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent var(--color-flow);
  transform: translateY(-50%);
}
.lp-body.lp-asb .business ul.flow > li .flow-out {
  position: relative;
  padding-left: 70px;
  color: var(--color-blk);
  text-align: left;
}
.lp-body.lp-asb .business ul.flow > li .flow-out::before, .lp-body.lp-asb .business ul.flow > li .flow-out::after {
  content: "";
  position: absolute;
  top: 15px;
}
.lp-body.lp-asb .business ul.flow > li .flow-out::before {
  content: "";
  position: absolute;
  top: 15px;
  left: -4px;
  width: 7px;
  height: 7px;
  background: #eeeeee;
  margin-top: -3px;
  border-radius: 50%;
}
.lp-body.lp-asb .business ul.flow > li .flow-out::after {
  width: 50px;
  border-bottom: 2px solid #eeeeee;
  left: 5px;
}
.lp-body.lp-asb .business ul.flow > li .flow-out dt {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 1vh;
  border-bottom: solid 2px var(--color-main);
  font-family: var(--font-swap);
}
.appear .lp-body.lp-asb .business ul.flow > li .flow-out dt {
  font-family: var(--font-bold);
}
.lp-body.lp-asb .business ul.flow > li .flow-out dt .top {
  font-size: 1.5rem;
  color: var(--color-sub);
}
.lp-body.lp-asb .business ul.flow > li .flow-out dd {
  font-size: 1rem;
}
.lp-body.lp-asb .business ul.flow .flow-info {
  display: flex;
}
.lp-body.lp-asb .business ul.flow .flow-info .flow-contents {
  width: 820px;
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
  padding: 6px 20px 20px 20px;
  border-radius: var(--radius);
  box-shadow: 0 10px 45px -25px rgba(77, 77, 77, 0.7);
}
.lp-body.lp-asb .business ul.flow .flow-icon {
  margin: 0 16px auto auto;
}
.lp-body.lp-asb .business ul.flow .flow-icon .flow-svg {
  max-width: 99%;
}
.lp-body.lp-asb .business .flow-btn {
  margin-top: 100px;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .business {
    padding: 64px 0;
  }
  .lp-body.lp-asb .business ul.flow {
    padding: 0 0 0 105px;
    max-width: calc(100% - 10px);
  }
  .lp-body.lp-asb .business ul.flow .flow-info {
    display: block;
  }
  .lp-body.lp-asb .business ul.flow .flow-info .flow-contents {
    width: auto;
    margin-top: 16px;
  }
  .lp-body.lp-asb .business ul.flow > li .icon {
    padding: 4px 2px 4px 5px;
    margin-left: 30px;
    min-width: 60px;
  }
  .lp-body.lp-asb .business ul.flow > li .flow-out {
    padding-left: 0;
  }
  .lp-body.lp-asb .business ul.flow > li .flow-out::before {
    left: -5px;
  }
  .lp-body.lp-asb .business ul.flow > li .flow-out::after {
    width: 30px;
    left: -5px;
  }
  .lp-body.lp-asb .business ul.flow > li .flow-out dt {
    font-size: 1rem;
  }
  .lp-body.lp-asb .business ul.flow > li .flow-out .flow-icon {
    padding-top: 10px;
    margin: 40px auto auto 30px;
  }
}
.lp-body.lp-asb #s1 {
  padding: 80px 0 220px 0;
}
.lp-body.lp-asb #s1 .bg-img::before {
  opacity: 0;
}
.lp-body.lp-asb #s1 .bg-img::before {
  background: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/img/info_03_00.png") center/cover no-repeat;
  animation: fade 0.8s forwards 0.2s;
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb #s1 .bg-img::before {
    background: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/img/info_03_00.png") center/cover no-repeat;
  }
}
.lp-body.lp-asb #s1 .inner-half {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  z-index: 1;
}
.lp-body.lp-asb .flow {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
}
.lp-body.lp-asb .flow .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .flow {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .flow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-base);
}
.lp-body.lp-asb .flow .img-half::before {
  display: none;
}
.lp-body.lp-asb .flow .asb-list-title {
  padding-bottom: 20px;
}
.lp-body.lp-asb .flow .asb-list-title .arkb-marker {
  font-size: 1.6rem;
}
.lp-body.lp-asb .flow .asb-list-title .arkb-marker::after {
  height: 3px;
  bottom: -5px;
}
.lp-body.lp-asb .flow ul.asb-list {
  list-style: disc;
  padding-left: 20px;
  text-align: left;
}
.lp-body.lp-asb .flow .flow-btn {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .lp-body.lp-asb .flow .flow-btn {
    padding: 30px 0 60px 0;
  }
}
.lp-body.lp-asb .asb-plan-img {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  text-align: center;
}
.lp-body.lp-asb .asb-plan-img .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .asb-plan-img {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .asb-plan-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-base);
}
.lp-body.lp-asb .asb-plan-img h2 {
  margin-bottom: 90px;
  z-index: 2;
}
.lp-body.lp-asb .asb-plan-img .plan-img {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.lp-body.lp-asb .asb-plan-img .plan-img .bgExtend,
.lp-body.lp-asb .asb-plan-img .plan-img .bgAppearAnm {
  display: block;
}
.lp-body.lp-asb .asb-plan-img .plan-img img {
  aspect-ratio: var(--ratio-silver);
  max-width: 800px;
  border-radius: var(--radius);
  overflow: hidden;
}
@media screen and (max-width: 830px) {
  .lp-body.lp-asb .asb-plan-img .plan-img img {
    max-width: 100%;
  }
}
.lp-body.lp-asb .asb-faq {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  text-align: center;
}
.lp-body.lp-asb .asb-faq .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .asb-faq {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .asb-faq::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-gra4);
}
.lp-body.lp-asb .asb-faq h2 {
  margin-bottom: 60px;
  z-index: 2;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion {
  text-align: left;
  border-bottom: none;
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: var(--width-pc) !important;
}
@media screen and (max-width: 1200px) {
  .lp-body.lp-asb .asb-faq .ark-block-accordion {
    padding: 0 16px;
    margin: 0;
  }
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion.no-border, .lp-body.lp-asb .asb-faq .ark-block-accordion .ark-block-accordion__item {
  margin-bottom: 20px;
  box-shadow: -5px 10px 20px -17px rgba(83, 83, 83, 0.7);
  border-radius: var(--radius);
  overflow: hidden;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-title-wrap,
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__title, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-title-wrap,
.lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__title {
  background: linear-gradient(90deg, #fcfcfc, #ececec);
  border-color: rgba(241, 223, 215, 0.8705882353);
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-title-wrap:hover,
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__title:hover, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-title-wrap:hover,
.lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__title:hover {
  opacity: 0.7;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-state-indicator, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-state-indicator {
  background: var(--color-sub);
  color: var(--color-sub);
  height: 1px;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-title,
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__title, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-title,
.lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__title {
  position: relative;
  padding-left: 50px;
  width: 80%;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-title::before,
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__title::before, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-title::before,
.lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__title::before {
  content: "Q";
  position: absolute;
  top: 13px;
  left: 10px;
  background: var(--color-gra);
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  width: 26px;
  height: 28px;
  border-radius: var(--radius-min);
  padding-left: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  font-family: var(--font-eng);
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__title, .lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__title {
  width: 100%;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-content-wrap,
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__body, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-content-wrap,
.lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__body {
  position: relative;
  background: #fff;
  font-size: 0.9rem;
  padding-left: 50px;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion-content-wrap::before,
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__body::before, .lp-body.lp-asb .asb-faq .ark-block-accordion__item-content-wrap::before,
.lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__body::before {
  content: "A";
  position: absolute;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.2;
  background: var(--color-sub3);
  padding-left: 4px;
  margin-top: -4px;
  margin-left: -40px;
  width: 26px;
  height: 30px;
  border-radius: var(--radius-min);
  padding-top: 2px;
  font-family: var(--font-eng);
}
.lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__icon::before, .lp-body.lp-asb .asb-faq .ark-block-accordion-accordion .ark-block-accordion__icon::after, .lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__icon::before, .lp-body.lp-asb .asb-faq .ark-block-accordion__item .ark-block-accordion__icon::after {
  background: var(--color-sub);
}
.lp-body.lp-asb .asb-faq .ark-block-accordion .wp-block-ub-math-plus::after {
  background: var(--color-sub);
  width: 1px;
}
.lp-body.lp-asb .asb-faq .ark-block-accordion {
  padding-left: 0;
  padding-right: 0;
}
.lp-body.lp-asb .asb-faq ul {
  list-style: disc;
  margin-left: 16px;
}
.lp-body.lp-asb .asb-notes {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  text-align: center;
}
.lp-body.lp-asb .asb-notes .sub-title {
  position: relative;
  text-align: center;
  margin: 30px auto 60px auto;
}
@media print, screen and (max-width: 768px) {
  .lp-body.lp-asb .asb-notes {
    padding: 60px 0 60px 0;
  }
}
.lp-body.lp-asb .asb-notes::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-base);
}
.lp-body.lp-asb .asb-notes h2 {
  margin-bottom: 60px;
  z-index: 2;
}
.lp-body.lp-asb .asb-notes .notes-sub-title {
  font-weight: bold;
  animation-delay: 0.4s;
}
@media screen and (max-width: 430px) {
  .lp-body.lp-asb .asb-notes .notes-sub-title {
    font-size: 0.9rem;
  }
}

body.body-asb .asb-bottom-cta {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 556px;
  height: 60px;
  opacity: 0;
  z-index: 3;
  background: var(--color-gra5);
  padding: 0;
  margin: 0;
}
body.body-asb .asb-bottom-cta a.cta-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  text-decoration: none;
}
body.body-asb .asb-bottom-cta a.cta-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--color-gra6);
  top: auto;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  transition: var(--amin-sub);
}
body.body-asb .asb-bottom-cta a.cta-item:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
body.body-asb .asb-bottom-cta a.cta-item:hover::after {
  width: 100%;
  opacity: 1;
}
body.body-asb .asb-bottom-cta a.cta-item .text {
  color: #fff;
  text-decoration: none;
  text-align: left;
  font-size: 1rem;
  font-family: var(--font-cat);
  text-shadow: 0 0 10px rgba(75, 75, 75, 0.3882352941);
  padding-left: 22px;
  margin-top: 3px;
}
body.body-asb .asb-bottom-cta a.cta-item img {
  position: absolute;
  right: 26px;
  max-width: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
body.body-asb .asb-bottom-cta a.cta-item.cta-tel {
  display: none;
  width: 50%;
}
body.body-asb .asb-bottom-cta a.cta-item.cta-tel img {
  max-width: 24px;
}
body.body-asb .asb-bottom-cta a.cta-item.cta-mail {
  width: 100%;
}
body.body-asb .asb-bottom-cta {
  display: flex;
  opacity: 1;
}
.scrolled body.body-asb .asb-bottom-cta {
  display: flex;
  opacity: 1;
}
@media screen and (max-width: 600px) {
  body.body-asb .asb-bottom-cta {
    width: 100%;
  }
  body.body-asb .asb-bottom-cta a.cta-item {
    justify-content: center;
  }
  body.body-asb .asb-bottom-cta a.cta-item .text {
    padding-left: 0;
  }
  body.body-asb .asb-bottom-cta .pc {
    display: none;
  }
  body.body-asb .asb-bottom-cta .sp {
    display: inline-block;
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item {
    font-size: var(--font-size-min);
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item .text {
    padding-left: 0;
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item.cta-tel {
    display: flex;
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item.cta-tel img {
    right: 36px;
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item.cta-mail {
    width: 50%;
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item.cta-mail .text {
    padding-right: 30px;
  }
  body.body-asb .asb-bottom-cta.set-tel a.cta-item.cta-mail img {
    right: 16px;
  }
}

body.scroll-footer .asb-bottom-cta {
  display: none;
  opacity: 0;
}

.lp-asb-footer {
  position: relative;
  margin: 0 calc(50% - 50vw);
}
.lp-asb-footer #lp-asb-return-top a {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  transition: var(--amin-sub);
  background: var(--color-gra);
  position: relative;
  text-decoration: none;
}
.lp-asb-footer #lp-asb-return-top a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--color-gra2);
  top: auto;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  transition: var(--amin-sub);
}
.lp-asb-footer #lp-asb-return-top a:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.lp-asb-footer #lp-asb-return-top a:hover::after {
  width: 100%;
  opacity: 1;
  animation: bgAppear 0.5s forwards;
}
.lp-asb-footer #lp-asb-return-top a .icon {
  position: relative;
  width: 100%;
  height: 100%;
}
.lp-asb-footer #lp-asb-return-top a .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url("../../../../../../wp-content/themes/sat/lp/asbestos-analysis/img/ico/ico_to_top_btn.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--amin-sub);
}
.lp-asb-footer #lp-asb-return-top a:hover::after {
  opacity: 0.3;
}
.lp-asb-footer #lp-asb-return-top a:hover .icon::before {
  margin-top: -6px;
}
.lp-asb-footer #lp-asb-return-top span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

.lp-asb-open-btn {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 70px;
  height: 70px;
  transition: all 0.5s;
  border-left: none;
  cursor: pointer;
  z-index: 101;
  opacity: 0;
  /* ボタン内側 */
}
.scroll-asb-toc .lp-asb-open-btn {
  display: flex;
  opacity: 1;
}
.scroll-asb-toc .lp-asb-open-btn.active {
  z-index: var(--z-front);
  background: none;
}
.lp-asb-open-btn span {
  display: inline-block;
  position: absolute;
  width: 40px;
  transition: all 0.4s;
}
.lp-asb-open-btn span:nth-of-type(1), .lp-asb-open-btn span:nth-of-type(3) {
  top: 15px;
  left: 15px;
  height: 2px;
  background: var(--color-sub3);
  opacity: 1;
}
.lp-asb-open-btn span:nth-of-type(2) {
  top: 42px;
  left: 0;
  height: 18px;
  color: var(--color-sub3);
  padding-left: 0;
  margin-left: 15px;
}
.lp-asb-open-btn span:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 40px;
  height: 2px;
  background: var(--color-sub3);
  opacity: 1;
}
.lp-asb-open-btn span:nth-of-type(3) {
  top: 25px;
}
.lp-asb-open-btn span:nth-of-type(4) {
  font-family: var(--font-swap);
  left: 17px;
  bottom: 8px;
  color: var(--color-blk);
  line-height: 1;
}
.appear .lp-asb-open-btn span:nth-of-type(4) {
  font-family: var(--font-bold);
}
.lp-asb-open-btn.active span:nth-of-type(1), .lp-asb-open-btn.active span:nth-of-type(3) {
  opacity: 1;
}
.lp-asb-open-btn.active span:nth-of-type(1) {
  top: 18px;
  transform: translateY(6px) rotate(-45deg);
}
.lp-asb-open-btn.active span:nth-of-type(2) {
  opacity: 0;
}
.lp-asb-open-btn.active span:nth-of-type(3) {
  top: 31px;
  transform: translateY(-6px) rotate(45deg);
}
.lp-asb-open-btn.active span:nth-of-type(4) {
  color: #fff;
}
.lp-asb-open-btn:hover {
  opacity: 0.8;
}

#lp-asb-g-nav {
  display: none;
  position: fixed;
  width: 100%;
  height: var(--height-main);
  top: 0;
  left: 0;
  z-index: 999;
  transition: var(--amin-sub);
}
#lp-asb-g-nav #g-nav-list {
  display: none;
  position: fixed;
  width: 100%;
  height: var(--height-main);
  top: 0;
  left: 0;
  z-index: var(--z-front);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#lp-asb-g-nav ul.simple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  opacity: 0;
  z-index: var(--z-front);
}
#lp-asb-g-nav ul.simple li {
  list-style: none;
  text-align: center;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0 0 10px 0;
}
#lp-asb-g-nav ul.simple li a {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: var(--text-tra);
  letter-spacing: 0.1em;
  font-weight: normal;
  font-family: var(--font-swap-menu);
  padding: 12px 15px 0 15px;
}
.appear #lp-asb-g-nav ul.simple li a {
  font-family: var(--font-menu);
}
#lp-asb-g-nav ul.simple li a::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -7px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
#lp-asb-g-nav ul.simple li a:hover {
  color: #fff;
}
#lp-asb-g-nav ul.simple li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
#lp-asb-g-nav .menu-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  opacity: 0;
  z-index: var(--z-front);
  max-width: 860px !important;
}
@media screen and (max-width: 800px) {
  #lp-asb-g-nav .menu-detail {
    flex-flow: column-reverse;
    width: -moz-fit-content;
    width: fit-content;
    top: 0;
    transform: translate(-50%, 0);
    padding-top: 50px;
  }
}
@media screen and (max-width: 500px) {
  #lp-asb-g-nav .menu-detail {
    width: 100%;
  }
}
.scroll-asb-toc #lp-asb-g-nav.panel-active {
  display: block;
  z-index: var(--z-fix);
}
.scroll-asb-toc #lp-asb-g-nav.panel-active #g-nav-list {
  display: block;
}
.scroll-asb-toc #lp-asb-g-nav.panel-active ul.simple,
.scroll-asb-toc #lp-asb-g-nav.panel-active .menu-detail {
  opacity: 1;
}
.scroll-asb-toc #lp-asb-g-nav.panel-active ul.simple li,
.scroll-asb-toc #lp-asb-g-nav.panel-active .menu-detail li {
  animation: fade 1s forwards 0.2s;
  opacity: 0;
}
#lp-asb-g-nav.down, #lp-asb-g-nav.up, #lp-asb-g-nav.right, #lp-asb-g-nav.left, #lp-asb-g-nav.fade, #lp-asb-g-nav.blur {
  display: block;
  background: #fff;
  transition: all 0.6s;
}
#lp-asb-g-nav.down {
  top: -120%;
  bottom: auto;
}
#lp-asb-g-nav.down.panel-active {
  top: 0;
}
#lp-asb-g-nav.up {
  top: auto;
  bottom: -120%;
}
#lp-asb-g-nav.up.panel-active {
  bottom: 0;
}
#lp-asb-g-nav.right {
  top: auto;
  left: -120%;
}
#lp-asb-g-nav.right.panel-active {
  left: 0;
}
#lp-asb-g-nav.left {
  top: auto;
  right: -120%;
}
#lp-asb-g-nav.left.panel-active {
  right: 0;
}
#lp-asb-g-nav.fade {
  display: none;
}
#lp-asb-g-nav.fade.panel-active {
  display: block;
}
#lp-asb-g-nav.blur {
  transition: all 0.1s;
  display: none;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.scroll-asb-toc #lp-asb-g-nav.blur.panel-active {
  display: block;
  background: transparent;
}
.scroll-asb-toc #lp-asb-g-nav.blur.panel-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-gra);
  opacity: 0.8;
}
.scroll-footer #lp-asb-g-nav {
  display: none;
}

#lp-asb-g-nav .ark-block-toc,
.asb-toc .ark-block-toc {
  position: relative;
  width: 100% !important;
  max-width: var(--width-pc);
  display: block;
  overflow: hidden;
  border: none;
  border-radius: var(--radius);
  background: #fff;
  background-image: none;
  box-shadow: var(--shadow);
  padding: 1rem;
  margin-top: 70px;
  animation-delay: 0.4s;
}
#lp-asb-g-nav .ark-block-toc a,
.asb-toc .ark-block-toc a {
  color: var(--color-blk);
}
#lp-asb-g-nav .ark-block-toc a:hover,
.asb-toc .ark-block-toc a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
#lp-asb-g-nav .ark-block-toc ::marker,
.asb-toc .ark-block-toc ::marker {
  font-family: var(--font-eng);
  color: var(--color-sub3);
}
#lp-asb-g-nav .ark-block-toc a,
.asb-toc .ark-block-toc a {
  text-decoration: none;
}
#lp-asb-g-nav .ark-block-toc .ark-block-toc__list,
.asb-toc .ark-block-toc .ark-block-toc__list {
  padding-left: 50px;
}

@media screen and (max-width: 1200px) {
  #lp-asb-g-nav .ark-block-toc {
    margin: 100px 16px 0 16px;
    max-width: calc(100% - 32px);
  }
}

.lp-asb-footer-links {
  display: flex;
  justify-content: center;
  background-color: #BACBD7;
  padding: 12px;
}
.lp-asb-footer-links-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  font-size: 13px;
}
.lp-asb-footer-links-link:hover {
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */


/*24/10/29 追加*/
body.body-asb {
	.__withCampaignHeader {
		position: relative!important;
		padding-bottom: 300px!important;
		@media screen and (max-width: 767px) {
			padding-bottom: 100px!important;
		}
		&,#pc-top {
			height: calc(100vh + 266px)!important;
			max-height: 800px!important;
			@media screen and (max-width: 1200px) {
				height: calc(100vh + 166px)!important;
			}
			@media screen and (max-width: 767px) {
				height: 100vh!important;
				min-height: 400px;
				max-height: 600px!important;
			}
		}

	}
	.__withCampaignBottom {
		position: relative!important;
		padding-bottom: 300px!important;
		@media screen and (max-width: 767px) {
			padding-bottom: 100px!important;
		}
	}
	.__withCampaignTop {
		position: relative!important;
		padding-top: 230px!important;
		@media screen and (max-width: 767px) {
			padding-top: 150px!important;
		}
	}
	.asb-bnr-campaign {
		position: absolute;
		z-index: 1;
		left: 0;
		aspect-ratio: auto;
		right: 0;
		margin: auto;
		width: clamp(300px, 95vw, 631px);
		&.__sectionBottom {
			bottom: -120px;
		}
		&.__sectionHeader {
			bottom: -24vh;

			@media screen and (max-width: 767px) {
				width: clamp(310px, 90vw, 480px);
				bottom: -110px;
			}
		}
	}
}