@charset "UTF-8";
/* html */
.bg-illust {
  background: transparent linear-gradient(90deg, #FDFDFD 0%, #EFF9FF 100%) 0% 0% no-repeat padding-box;
}

.service__common-link_contents_wrapper {
  max-width: 1520px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.service__common-link_contents_wrapper > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media (430px >= width) {
  .service__common-link_contents_wrapper > ul {
    gap: 8px;
  }
}
.service__common-link_contents_wrapper > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 110px;
  max-inline-size: 480px;
  inline-size: 480px;
  border-radius: 10px;
  font-size: clamp(0.75rem, 0.283839779rem + 1.9889502762vw, 1.875rem);
  font-weight: normal;
  background: var(--main-color);
  color: #fff;
  transition: background-color 0.3s;
}
.service__common-link_contents_wrapper > ul > li:disabled, .service__common-link_contents_wrapper > ul > li[aria-disabled=true] {
  background-color: oklch(from var(--main-color) calc(l + 0.2) calc(c - 0.1) h);
}
@media (any-hover: hover) {
  .service__common-link_contents_wrapper > ul > li:not(:disabled, [aria-disabled=true]):hover {
    background-color: color-mix(in srgb, var(--main-color) 70%, #fff);
  }
}
@media (768px > width) {
  .service__common-link_contents_wrapper > ul > li {
    inline-size: 90%;
    block-size: 80px;
    max-inline-size: 380px;
  }
}
@media (430px >= width) {
  .service__common-link_contents_wrapper > ul > li {
    inline-size: 45%;
  }
}
.service__common-link_contents_wrapper > ul > li.current, .service__common-link_contents_wrapper > ul > li.current:hover {
  background-color: oklch(from var(--main-color) calc(l + 0.2) calc(c - 0.1) h);
}
.service__common-link_contents_wrapper > ul > li span,
.service__common-link_contents_wrapper > ul > li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-radius: 10px;
  block-size: min(110px, 100%);
  max-inline-size: 480px;
  inline-size: 480px;
}
@media (768px > width) {
  .service__common-link_contents_wrapper > ul > li span,
  .service__common-link_contents_wrapper > ul > li a {
    inline-size: 90%;
    max-inline-size: 380px;
  }
}
@media (430px >= width) {
  .service__common-link_contents_wrapper > ul > li span,
  .service__common-link_contents_wrapper > ul > li a {
    gap: 4px;
  }
}
.service__common-link_contents_wrapper > ul > li span img,
.service__common-link_contents_wrapper > ul > li a img {
  display: inline;
  object-fit: contain;
  mix-blend-mode: lighten;
}
@media (768px > width) {
  .service__common-link_contents_wrapper > ul > li span img,
  .service__common-link_contents_wrapper > ul > li a img {
    transform: scale(0.7);
  }
}
.service__common-link .service_menu-spbr {
  display: none;
}
@media (430px >= width) {
  .service__common-link .service_menu-spbr {
    display: inline-block;
  }
}

.title_zone {
  height: clamp(12.5rem, 8.6153314917rem + 16.5745856354vw, 21.875rem);
  margin-bottom: clamp(2.5rem, 1.4640883978rem + 4.4198895028vw, 5rem);
  background: var(--title_zone-bg-gradient);
}
.title_zone__title hgroup {
  display: block grid;
  gap: 0;
  align-items: center;
  color: var(--main-color);
}
.title_zone__title hgroup h1,
.title_zone__title hgroup h2,
.title_zone__title hgroup h3 {
  grid-row: 1;
  font-size: clamp(3rem, 2.3007596685rem + 2.9834254144vw, 4.6875rem);
  font-weight: bold;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.title_zone__title hgroup h1 + p,
.title_zone__title hgroup h2 + p,
.title_zone__title hgroup h3 + p {
  grid-row: 2;
  color: var(--body-fg);
  font-size: clamp(1rem, 0.6374309392rem + 1.546961326vw, 1.875rem);
  font-weight: bold;
}
.title_zone__title hgroup h1 + p::before,
.title_zone__title hgroup h2 + p::before,
.title_zone__title hgroup h3 + p::before {
  content: "■";
  color: #FF8F1C;
  width: clamp(1rem, 0.6374309392rem + 1.546961326vw, 1.875rem);
  height: clamp(1rem, 0.6374309392rem + 1.546961326vw, 1.875rem);
  padding-right: calc(clamp(1rem, 0.6374309392rem + 1.546961326vw, 1.875rem) * 0.25);
  padding-left: calc(clamp(1rem, 0.6374309392rem + 1.546961326vw, 1.875rem) * 0.25);
}

nav:has(ol#breadcrumb) {
  padding-top: 1rem;
}

ol.breadcrumb {
  display: inline flex;
  flex-wrap: wrap;
  gap: clamp(0.25rem, 0.1464088398rem + 0.4419889503vw, 0.5rem);
}
ol.breadcrumb li.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: clamp(0.25rem, 0.1464088398rem + 0.4419889503vw, 0.5rem);
  font-size: clamp(0.75rem, 0.6464088398rem + 0.4419889503vw, 1rem);
}
ol.breadcrumb li.breadcrumb-item:not(:last-child)::after {
  content: "ー";
  font-size: clamp(0.75rem, 0.6464088398rem + 0.4419889503vw, 1rem);
  color: hsl(0, 0%, 50%);
}
ol.breadcrumb li.breadcrumb-item a:hover {
  opacity: 0.5;
}

.illust-wrapper {
  --_fluid-ratio: calc(1 / var(--pc-layout-width) * 100vw);
  position: relative;
  z-index: calc(-infinity);
  display: none;
}
@media (768px < width) {
  .illust-wrapper {
    display: block;
  }
}

.bg-illust {
  inline-size: 100vw;
  block-size: 1600px;
  position: fixed;
  top: 0;
  left: 0;
}
.bg-illust > img {
  inline-size: calc(var(--_width) * var(--_fluid-ratio));
  position: absolute;
  left: calc(var(--_x, 0) * var(--_fluid-ratio));
  top: calc(var(--_y, 0) * var(--_fluid-ratio));
  object-fit: cover;
}
.bg-illust > img:nth-of-type(1) {
  --_width: 729;
  --_x: -95;
  --_y: 0;
}
.bg-illust > img:nth-of-type(2) {
  --_width: 624;
  --_x: 1545;
  --_y: 442;
}
.bg-illust > img:nth-of-type(3) {
  --_width: 412;
  --_x: -35;
  --_y: 1071;
}

html {
  scroll-behavior: smooth;
}

.service .title_zone__title hgroup h1,
.service .title_zone__title hgroup h2,
.service .title_zone__title hgroup h3 {
  margin-top: clamp(5rem, 3.9640883978rem + 4.4198895028vw, 7.5rem);
  font-size: clamp(2.5rem, 1.5935773481rem + 3.8674033149vw, 4.6875rem);
}
.service__building {
  --_max-viewport: min(calc(100vw - var(--scrollbar-width)), 1920px);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.service__building .title {
  display: inline-block;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: fit-content;
}
.service__building .title h2 {
  margin-top: unset;
  width: 100%;
  font-size: clamp(1.625rem, 0.7444751381rem + 3.7569060773vw, 3.75rem);
  font-weight: bold;
  color: var(--main-color);
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.service__building-lead {
  margin-top: 20px;
  font-weight: bold;
  font-size: clamp(1.25rem, 0.9910220994rem + 1.1049723757vw, 1.875rem);
  color: var(--body-fg);
}
@media (768px < width) {
  .service__building-lead {
    margin-bottom: 1em;
  }
}
@media (768px < width) {
  .service__building-content {
    --_fluid-ratio: calc(1 / 1920 * var(--_max-viewport));
    margin-inline: calc(50% - var(--_max-viewport) / 2);
  }
  .service__building-content-inner {
    display: grid;
    grid-template-areas: "stack";
  }
  .service__building-img {
    grid-area: stack;
    width: calc(1692 * var(--_fluid-ratio));
    height: calc(1177 * var(--_fluid-ratio));
    position: relative;
    left: calc(133 * var(--_fluid-ratio));
  }
  .service__building-img > img {
    width: 100%;
    height: 100%;
  }
  .service__building-toc {
    grid-area: stack;
    position: relative;
  }
  .service__building-toc .btn-area {
    position: absolute;
    top: calc((var(--_y) - 873) * var(--_fluid-ratio));
  }
  .service__building-toc .btn-area:not(:nth-child(2) ~ *) {
    right: calc(var(--_x-ed) * var(--_fluid-ratio));
  }
  .service__building-toc .btn-area:nth-child(1) {
    --_x-ed: 1304.2;
    --_y: 946.4;
  }
  .service__building-toc .btn-area:nth-child(1)::after {
    content: "";
    --_img-src: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="175.672" height="103.425" viewBox="0 0 175.672 103.425"><g color="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><line x1="113.112" y2="0.717" transform="translate(1.395 5.245)" fill="none" stroke="currentColor" /><circle cx="61.649" cy="5.962" r="6" fill="currentColor" transform="translate(53.649 0)" /><line x1="161.151" y1="87.916" transform="translate(1.396 5.963)" fill="none" stroke="currentColor" /><circle cx="163.3" cy="94.8" r="6" fill="currentColor" /></g></svg>');
    background: var(--_img-src) no-repeat center/contain;
    display: block;
    width: calc(176 * var(--_fluid-ratio));
    height: calc(103 * var(--_fluid-ratio));
    position: absolute;
    right: 0;
    top: 0;
    translate: 100% calc(22 * var(--_fluid-ratio));
  }
  .service__building-toc .btn-area:nth-child(2) {
    --_x-ed: 1304.2;
    --_y: 1138.6;
    display: flex;
    flex-direction: column;
    row-gap: calc(11 * var(--_fluid-ratio));
  }
  .service__building-toc .btn-area:nth-child(2)::after {
    content: "";
    --_img-src: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="116.849" height="71" viewBox="0 0 116.849 71"><g color="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><line x1="108.765" y1="62.795" transform="translate(1.759 1.759)" fill="none" stroke="currentColor" /><circle cx="109.6" cy="63.8" r="6" fill="currentColor" /></g></svg>');
    background: var(--_img-src) no-repeat center/contain;
    display: block;
    width: calc(117 * var(--_fluid-ratio));
    height: calc(71 * var(--_fluid-ratio));
    position: absolute;
    right: 0;
    top: 0;
    translate: 100% calc(65.5 * var(--_fluid-ratio));
  }
  .service__building-toc .btn-area:is(:nth-child(2) ~ *) {
    left: calc(var(--_x) * var(--_fluid-ratio));
  }
  .service__building-toc .btn-area:nth-child(3) {
    --_x: 803.5;
    --_y: 1421.5;
  }
  .service__building-toc .btn-area:nth-child(4) {
    --_x: 821;
    --_y: 1577.5;
  }
  .service__building-toc .btn-area:nth-child(5) {
    --_x: 1354.8;
    --_y: 1656.5;
  }
  .service__building-toc .btn-area:nth-child(5)::before {
    content: "";
    --_img-src: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="116.849" height="71" viewBox="0 0 116.849 71"><g color="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><line x2="108.765" y2="62.795" transform="translate(7.3 6.4)" fill="none" stroke="currentColor" /><circle cx="8.2" cy="7.2" r="6" fill="currentColor" /></g></svg>');
    background: var(--_img-src) no-repeat center/contain;
    display: block;
    width: calc(117 * var(--_fluid-ratio));
    height: calc(71 * var(--_fluid-ratio));
    position: absolute;
    left: 0;
    top: 0;
    translate: calc(23.2 * var(--_fluid-ratio)) -100%;
  }
  .service__building-toc .btn-area .btn-arrow-down {
    font-size: clamp(0.75rem, 0.6286407767rem + 0.5177993528vw, 1.25rem);
    max-height: 60px;
    max-width: 242.8px;
    white-space: nowrap;
    --_btn-pad-x-st: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
    --_btn-pad-x-ed: clamp(0.525rem, 0.4400485437rem + 0.3624595469vw, 0.875rem);
    --_btn-pad-y: clamp(0.5625rem, 0.4714805825rem + 0.3883495146vw, 0.9375rem);
    --_append-spacing: clamp(1.08rem, 0.9052427184rem + 0.745631068vw, 1.8rem);
    --_circle-size: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
    --_arrow-size: clamp(0.5625rem, 0.4714805825rem + 0.3883495146vw, 0.9375rem);
    display: block grid;
    grid-template: "text after"/1fr auto;
    align-items: center;
    padding: var(--_btn-pad-y) var(--_btn-pad-x-ed) var(--_btn-pad-y) var(--_btn-pad-x-st);
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-radius: calc(infinity * 1px);
    background: var(--main-color);
    color: #fff;
    transition: background-color 0.3s;
  }
  .service__building-toc .btn-area .btn-arrow-down:disabled, .service__building-toc .btn-area .btn-arrow-down[aria-disabled=true] {
    background-color: oklch(from var(--main-color) calc(l + 0.2) calc(c - 0.1) h);
  }
}
@media (768px < width) and (any-hover: hover) {
  .service__building-toc .btn-area .btn-arrow-down:not(:disabled, [aria-disabled=true]):hover {
    background-color: color-mix(in srgb, var(--main-color) 70%, #fff);
  }
}
@media (768px < width) {
  .service__building-toc .btn-area .btn-arrow-down {
    text-align: revert;
  }
  .service__building-toc .btn-area .btn-arrow-down::after {
    grid-area: after;
    content: "";
    display: block flow;
    inline-size: var(--_circle-size);
    block-size: var(--_circle-size);
    margin-inline-start: var(--_append-spacing);
    border-radius: calc(infinity * 1px);
    background: #fff url("/image/arrow_down_blue.png") no-repeat center/var(--_arrow-size);
  }
  .service__building-toc .btn-area:nth-child(3) > .btn-arrow-down {
    max-width: 239.1px;
    --_append-spacing: clamp(0.94375rem, 0.7920509709rem + 0.6472491909vw, 1.56875rem);
  }
  .service__building-toc .btn-area:nth-child(4) > .btn-arrow-down {
    max-width: 221.5px;
    --_append-spacing: clamp(1.03125rem, 0.864381068rem + 0.71197411vw, 1.71875rem);
  }
  .service__building-toc .btn-area:nth-child(5) > .btn-arrow-down {
    max-width: 313.3px;
    --_append-spacing: clamp(0.7625rem, 0.6396237864rem + 0.5242718447vw, 1.26875rem);
  }
}
@media (768px >= width) {
  .service__building-content {
    padding-block: 24px;
  }
  .service__building-img {
    margin-inline: calc(50% - var(--_max-viewport) / 2);
  }
  .service__building-img > img {
    width: 100%;
  }
  .service__building-toc {
    display: block grid;
    grid-template-columns: repeat(auto-fit, minmax(max-content, 260px));
    justify-content: center;
    gap: 20px;
  }
  .service__building-toc .btn-area {
    display: contents;
  }
  .service__building-toc .btn-arrow-down {
    max-block-size: 60px;
    font-size: clamp(0.875rem, 0.7196132597rem + 0.6629834254vw, 1.25rem);
    display: block grid;
    grid-template: "text after"/1fr auto;
    align-items: center;
    padding: 0.75em 0.75em 0.75em 1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-radius: calc(infinity * 1px);
    background: var(--main-color);
    color: #fff;
    transition: background-color 0.3s;
  }
  .service__building-toc .btn-arrow-down:disabled, .service__building-toc .btn-arrow-down[aria-disabled=true] {
    background-color: oklch(from var(--main-color) calc(l + 0.2) calc(c - 0.1) h);
  }
}
@media (768px >= width) and (any-hover: hover) {
  .service__building-toc .btn-arrow-down:not(:disabled, [aria-disabled=true]):hover {
    background-color: color-mix(in srgb, var(--main-color) 70%, #fff);
  }
}
@media (768px >= width) {
  .service__building-toc .btn-arrow-down {
    text-align: revert;
  }
  .service__building-toc .btn-arrow-down::after {
    grid-area: after;
    content: "";
    display: block flow;
    inline-size: 1.5em;
    block-size: 1.5em;
    margin-inline-start: 1em;
    border-radius: calc(infinity * 1px);
    background: #fff url("/image/arrow_down_blue.png") no-repeat center/0.75em;
  }
}
.service .section-wrapper {
  background-image: var(--horiz-bg-gradient);
}
.service__servicelist .title {
  width: fit-content;
  padding-left: 60px;
  margin-inline: auto;
  margin-bottom: 40px;
}
.service__servicelist .title h2 {
  margin-top: clamp(2.5rem, 0.1950966851rem + 9.8342541436vw, 8.0625rem);
  font-size: clamp(1.875rem, 1.0980662983rem + 3.3149171271vw, 3.75rem);
  font-weight: bold;
  color: var(--main-color);
}
.service__servicelist .title h2::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  margin: 35px 0 0 -60px;
  background-color: var(--main-color);
}
.service__servicelist .title p {
  font-size: 18px;
  margin-top: 8px;
  font-weight: bold;
}
.service__servicelist .item {
  display: flex;
  font-size: clamp(1.625rem, 1.2624309392rem + 1.546961326vw, 2.5rem);
  justify-content: center;
  align-items: center;
  margin-bottom: 77px;
}
@media (768px >= width) {
  .service__servicelist .item {
    flex-direction: column;
    gap: 40px;
    padding-inline: var(--gutter-outer);
  }
}
@media (1520px < width) {
  .service__servicelist .item {
    margin-left: -120px;
    margin-right: -11px;
  }
}
.service__servicelist .item .image1 {
  width: min(100%, 600px);
  aspect-ratio: 1;
  display: block grid;
  grid-template: "stack";
  --_img-bg-shift: calc(100% * 30 / 600);
  padding-right: var(--_img-bg-shift);
  padding-bottom: var(--_img-bg-shift);
}
.service__servicelist .item .image1::before {
  content: "";
  grid-area: stack;
  background-image: var(--vert-bg-gradient);
  display: block flow;
  width: 100%;
  aspect-ratio: 1;
  clip-path: circle(50%);
  translate: var(--_img-bg-shift) var(--_img-bg-shift);
}
.service__servicelist .item .image1 > img {
  grid-area: stack;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.service__servicelist .item .description {
  margin-left: 50px;
  display: inline-block;
  width: 581px;
}
@media (1280px >= width) {
  .service__servicelist .item .description {
    margin-left: 0;
  }
}
@media (768px >= width) {
  .service__servicelist .item .description {
    max-width: 581px;
    width: 100%;
  }
}
.service__servicelist .item .description h3 {
  font-size: clamp(1.5rem, 1.0856353591rem + 1.7679558011vw, 2.5rem);
  text-align: left;
  color: var(--main-color);
}
.service__servicelist .item .description h3::after {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  margin: clamp(0.5rem, 0.033839779rem + 1.9889502762vw, 1.625rem) 0 0 0;
  background-color: var(--main-color);
}
.service__servicelist .item .description p {
  margin-top: clamp(1rem, 0.3784530387rem + 2.6519337017vw, 2.5rem);
  font-size: clamp(0.75rem, 0.5946132597rem + 0.6629834254vw, 1.125rem);
  line-height: 2.2222222222;
}
.service__servicelist .item .description .details {
  margin-top: clamp(1.5rem, 0.8266574586rem + 2.8729281768vw, 3.125rem);
  width: 100%;
  margin-left: auto;
}
.service__servicelist .item .description .details a {
  max-block-size: 70px;
  font-size: clamp(1rem, 0.7669198895rem + 0.9944751381vw, 1.5625rem);
  max-width: 267px;
  margin-left: auto;
  display: block grid;
  grid-template: "text after"/1fr auto;
  align-items: center;
  padding: 0.8em 0.56em 0.8em 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: calc(infinity * 1px);
  background: var(--main-color);
  color: #fff;
  transition: background-color 0.3s;
}
.service__servicelist .item .description .details a:disabled, .service__servicelist .item .description .details a[aria-disabled=true] {
  background-color: oklch(from var(--main-color) calc(l + 0.2) calc(c - 0.1) h);
}
@media (any-hover: hover) {
  .service__servicelist .item .description .details a:not(:disabled, [aria-disabled=true]):hover {
    background-color: color-mix(in srgb, var(--main-color) 70%, #fff);
  }
}
.service__servicelist .item .description .details a {
  text-align: revert;
}
.service__servicelist .item .description .details a::after {
  grid-area: after;
  content: "";
  display: block flow;
  inline-size: 1.2em;
  block-size: 1.2em;
  margin-inline-start: auto;
  border-radius: calc(infinity * 1px);
  background: #FFF url("/anp@2x.png") no-repeat center/0.8em;
}
.service__forOwners {
  background-color: rgb(from #fff r g b/0.4);
}
.service__forOwners .title {
  text-align: center;
  margin-top: 64px;
  margin-bottom: 44px;
}
.service__forOwners .title h2 {
  color: var(--body-fg-light);
  font-size: clamp(1.5rem, 0.8266574586rem + 2.8729281768vw, 3.125rem);
  font-weight: bold;
}
.service__forOwners .item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media (768px >= width) {
  .service__forOwners .item {
    flex-direction: column;
  }
}
.service__forOwners .item .image1,
.service__forOwners .item .description {
  flex-basis: 50%;
  width: 100%;
  max-width: calc(50% - 20px);
}
@media (768px >= width) {
  .service__forOwners .item .image1,
  .service__forOwners .item .description {
    max-width: 530px;
  }
}
.service__forOwners .item .image1 > img {
  width: 100%;
}
.service__forOwners .item .description h3 {
  font-size: clamp(1.1875rem, 0.6436464088rem + 2.320441989vw, 2.5rem);
  color: var(--body-fg-light);
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.service__forOwners .item .description h3::after {
  display: block;
  content: "";
  height: 3px;
  margin-top: clamp(0.5rem, 0.033839779rem + 1.9889502762vw, 1.625rem);
  background-color: currentColor;
}
.service__forOwners .item .description p {
  margin-top: clamp(1rem, 0.3784530387rem + 2.6519337017vw, 2.5rem);
  font-size: clamp(0.75rem, 0.5946132597rem + 0.6629834254vw, 1.125rem);
  line-height: 2.2222222222;
}
.service__forOwners .item .description .details {
  margin-top: clamp(1.5rem, 0.8266574586rem + 2.8729281768vw, 3.125rem);
  margin-left: auto;
}
.service__forOwners .item .description .details a {
  max-block-size: 70px;
  font-size: clamp(1rem, 0.7669198895rem + 0.9944751381vw, 1.5625rem);
  max-width: 267px;
  margin-left: auto;
  display: block grid;
  grid-template: "text after"/1fr auto;
  align-items: center;
  padding: 0.8em 0.56em 0.8em 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: calc(infinity * 1px);
  background: #666666;
  color: #fff;
  transition: background-color 0.3s;
}
.service__forOwners .item .description .details a:disabled, .service__forOwners .item .description .details a[aria-disabled=true] {
  background-color: oklch(from #666666 calc(l + 0.2) calc(c - 0.1) h);
}
@media (any-hover: hover) {
  .service__forOwners .item .description .details a:not(:disabled, [aria-disabled=true]):hover {
    background-color: color-mix(in srgb, #666666 70%, #fff);
  }
}
.service__forOwners .item .description .details a {
  text-align: revert;
}
.service__forOwners .item .description .details a::after {
  grid-area: after;
  content: "";
  display: block flow;
  inline-size: 1.2em;
  block-size: 1.2em;
  margin-inline-start: auto;
  border-radius: calc(infinity * 1px);
  background: #FFF url("/image/arrow_right_gray.svg") no-repeat center/0.8em;
}
.service__forOwners-img {
  margin-top: 69px;
  margin-bottom: 91px;
  display: block grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 40px;
}
@media (768px >= width) {
  .service__forOwners-img {
    grid-auto-flow: row;
    grid-auto-columns: min(530px, 100%);
    justify-content: center;
  }
}
.service__forOwners-img-item {
  display: block grid;
  grid-template: "stack";
  aspect-ratio: 530/373;
  --_radius: 3.7735849057%/5.3619302949%;
  clip-path: rect(0% 100% 100% 0% round var(--_radius));
}
.service__forOwners-img-item::before {
  content: none;
  grid-area: stack;
  display: block flow;
  width: 100%;
  height: 100%;
  background-color: rgb(from #333 r g b/0.8);
  mix-blend-mode: multiply;
}
.service__forOwners-img-item::before, .service__forOwners-img-item-title, .service__forOwners-img-item-image, .service__forOwners-img-item-details {
  grid-area: stack;
}
.service__forOwners-img-item-title {
  z-index: 20;
  place-self: center;
  background-color: rgb(from #fff r g b/0.9);
  width: 67.9245283019%;
  max-width: 360px;
  padding-block: 35px;
  padding-inline: 1em;
  text-align: center;
  font-weight: bold;
  font-size: clamp(1rem, -0.3125rem + 2.734375vw, 1.875rem);
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
@media (768px >= width) {
  .service__forOwners-img-item-title {
    padding-inline: 30px;
    font-size: clamp(1rem, 0.7614503817rem + 1.0178117048vw, 1.25rem);
  }
}
.service__forOwners-img-item-image > img {
  width: 100%;
}
.service__forOwners-img-item-details {
  z-index: 30;
  display: none;
  position: relative;
  padding-block: clamp(2.25rem, 0.5rem + 2.1875vw, 3.125rem);
  padding-inline: 1.3888888889em;
  color: #fff;
  font-size: clamp(0.6875rem, 0.5062154696rem + 0.773480663vw, 1.125rem);
}
@media (1280px >= width) {
  .service__forOwners-img-item-details {
    padding-block: 2.7777777778em;
  }
}
.service__forOwners-img-item-details > p {
  align-self: start;
  line-height: 2.2222222222;
  margin-block: var(--half-leading);
}
.service__forOwners-img-item-details-link {
  /* border: 5px solid red; */
}
@media (any-hover: hover) {
  .service__forOwners-img-item-details-link {
    display: block flow;
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    inset: 0;
    cursor: pointer;
  }
  .service__forOwners-img-item-details-link .visually-touch-only {
    display: none;
  }
}
@media (any-hover: none) {
  .service__forOwners-img-item-details-link {
    align-self: end;
    justify-self: end;
    padding: 0.5em 1em;
    text-decoration-line: underline;
  }
}
.service__forOwners-img-item:hover::before {
  content: "";
}
.service__forOwners-img-item:hover .service__forOwners-img-item-title {
  display: none;
}
.service__forOwners-img-item:hover .service__forOwners-img-item-details {
  display: block grid;
}
.service__main {
  position: relative;
  height: fit-content;
  margin-bottom: 191px;
}
.service__main h2.title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: bold;
  color: var(--main-color);
}
.service__main h2.title::before {
  display: inline-block;
  content: "";
  margin: 0 17px 0 -28px;
  width: 12px;
  height: 44px;
  background-color: var(--main-color);
}
.service__main p.desc {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 60px;
}
.service__main-contents {
  width: 100%;
}
.service__main-contents_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.service__main-contents_inner_image {
  margin-right: clamp(1.25rem, 0.7320441989rem + 2.2099447514vw, 2.5rem);
}
.service__main-contents_inner_image img {
  width: clamp(20rem, 6.5849447514rem + 57.2375690608vw, 52.375rem);
}
.service__main-contents_inner_wapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-height: clamp(450px, 900px - 50vw, 900px);
  gap: 40px;
  flex-grow: 1;
}
@media (1660px > width) {
  .service__main-contents_inner_wapper {
    justify-content: center;
  }
}
.service__main-contents_inner_wapper_item {
  position: relative;
  width: 340px;
}
.service__main-contents_inner_wapper_item_image {
  position: absolute;
  top: 115px;
}
@media (1660px > width) {
  .service__main-contents_inner_wapper_item_image {
    top: 0;
  }
}
.service__main-contents_inner_wapper_item_text {
  position: absolute;
  top: 440px;
  font-size: 18px;
  line-height: 1.5;
}
@media (1660px > width) {
  .service__main-contents_inner_wapper_item_text {
    top: 325px;
  }
}
.service__main .kurashimo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 102px;
}
.service__main .kurashimo img {
  width: 600px;
  height: 150px;
  margin-bottom: 25px;
}
.service__main .kurashimo p {
  display: block;
  width: 600px;
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
}