@charset "UTF-8";

/* ========================================
  下層ページ共通 背景 blob
  HTML: include_parts/aisaretai_common_blob.php
  使い方: <main class="has-ais-common-blob"> + get_template_part
======================================== */

/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px), print {

main.has-ais-common-blob {
  position: relative;
  max-width: 1920px;
  margin-inline: auto;
  width: 100%;
  background: #FFFBF1;
  overflow: hidden;
}

.ais-subpage__content,
.ais-works__content {
  position: relative;
  z-index: 1;
}

.ais-common-blob {
  position: absolute;
  display: block;
  line-height: 0;
  pointer-events: none;
  z-index: 0;
}
.ais-common-blob svg {
  display: block;
  width: 100%;
  height: auto;
}

main.has-ais-common-blob .ais-common-blob--01.pc {
  top: -90px;
  right: -20px;
  width: min(95%, 496px);
  z-index: 11;
}
main.has-ais-common-blob .ais-common-blob--02.pc {
  top: -34px;
  left: -161px;
  width: min(95%, 586px);
}
main.has-ais-common-blob .ais-common-blob--03.pc {
  top: 939px;
  right: 0;
  width: min(95%, 559px);
}
main.has-ais-common-blob .ais-common-blob--04.pc {
  top: 1883px;
  left: 0;
  width: min(95%, 574px);
}
main.has-ais-common-blob .ais-common-blob--05.pc {
  top: 2749px;
  right: 0;
  width: min(95%, 650px);
}

}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

main.has-ais-common-blob {
  position: relative;
  max-width: 100vw;
  margin-inline: auto;
  width: 100%;
  background: #FFFBF1;
  overflow: hidden;
}

.ais-subpage__content,
.ais-works__content {
  position: relative;
  z-index: 1;
}

.ais-common-blob {
  position: absolute;
  display: block;
  line-height: 0;
  pointer-events: none;
  z-index: 0;
}
.ais-common-blob svg {
  display: block;
  width: 100%;
  height: auto;
}

main.has-ais-common-blob .ais-common-blob--01.sp {
  top: 14vw;
  right: -5.333vw;
  width: 47.2vw;
}
main.has-ais-common-blob .ais-common-blob--02.sp {
  top: 48vw;
  left: 0;
  width: 47.2vw;
}
main.has-ais-common-blob .ais-common-blob--03.sp {
  top: 173vw;
  right: -5.333vw;
  width: 55.73vw;
}
main.has-ais-common-blob .ais-common-blob--04.sp {
  top: 582vw;
  left: -10.667vw;
  width: 64vw;
}
main.has-ais-common-blob .ais-common-blob--05.sp {
  top: 934vw;
  right: -5.333vw;
  width: 65.07vw;
}

}
