﻿@charset "utf-8";
/*--------------------------------------------------------------------------------

  base

--------------------------------------------------------------------------------*/
.pc { display: inline; }
.sp { display: none; }
@media (max-width: 760px) {
.pc { display: none; }
.sp { display: inline; }
}


/*--------------------------------------------------------------------------------

  business

--------------------------------------------------------------------------------*/
#business {
}

#business .eyecatch {
  background: #ffffff url("../../assets/img/investigation/business/eyecatch.jpg") center center / cover no-repeat;
}

#business .sec-business {
  padding: var(--space-2l) 0;
}
#business .sec-business .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-l) var(--space-s);
  padding: var(--space-m) 0;
}
#business .sec-business .flex-container dl {
  width: calc((100% - var(--space-s)) / 2);
}
#business .sec-business .flex-container dl dt {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  font-size: var(--fs-l);
  font-weight: bold;
  line-height: var(--line-height-s);
  margin: 0 0 var(--space-3s) 0;
}
#business .sec-business .flex-container dl dt::before {
  content: "";
  display: block;
  width: 100%;
  max-height: 300px;
  aspect-ratio: 5/3;
  border-radius: var(--rd-q);
  margin: 0 0 var(--space-3s) 0;
}
#business .sec-business .flex-container dl#business01 dt::before {
  background: #ffffff url("../../assets/img/investigation/business/business01.webp") center center / cover no-repeat;
}
#business .sec-business .flex-container dl#business02 dt::before {
  background: #ffffff url("../../assets/img/investigation/business/business02.webp") center center / cover no-repeat;
}
#business .sec-business .flex-container dl#business03 dt::before {
  background: #ffffff url("../../assets/img/investigation/business/business03.webp") center center / cover no-repeat;
}
#business .sec-business .flex-container dl#business04 dt::before {
  background: #ffffff url("../../assets/img/investigation/business/business04.webp") center center / cover no-repeat;
}
#business .sec-business .flex-container dl#business05 dt::before {
  background: #ffffff url("../../assets/img/investigation/business/business05.webp") center center / cover no-repeat;
}
#business .sec-business .flex-container dl#business06 dt::before {
  background: #ffffff url("../../assets/img/investigation/business/business06.webp") center center / cover no-repeat;
}
#business .sec-business .flex-container dl dd {
}

#business .sec-business .flex-container dl dd table {
  width: 100%;
  border-top: solid 1px var(--border-color);
  margin: var(--space-s) 0 0 0;
}
#business .sec-business .flex-container dl dd table tbody {
}
#business .sec-business .flex-container dl dd table tbody tr {
  border-bottom: solid 1px var(--border-color);
}
#business .sec-business .flex-container dl dd table tbody tr th {
  padding: var(--space-3s) 0;
}
#business .sec-business .flex-container dl dd table tbody tr td {
  font-weight: 700;
  text-align: right;
  padding: var(--space-3s) 0;
}

@media (max-width: 760px) {
#business .sec-business .flex-container dl {
  width: 100%;
}
}


/*--------------------------------------------------------------------------------

  area

--------------------------------------------------------------------------------*/
#area {
}

#area .eyecatch {
  background: #ffffff url("../../assets/img/investigation/area/eyecatch.jpg") center center / cover no-repeat;
}

#area .sec-area {
  padding: var(--space-2l) 0;
}

#area .sec-area > p:nth-of-type(1) {
  padding: var(--space-m) 0 0 0 !important;
}

#area .sec-area section.about_area {
  background-color: var(--bg-quaternary);
  border-radius: var(--rd-q);
  margin-top: var(--space-m);
  padding: var(--inner-space-m);
}
#area .sec-area section.about_area h4 {
  color: var(--color-tertiary);
  font-size: var(--fs-l);
  font-family: var(--ff-go);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

#area .sec-area section:not([class*="about_area"]) {
  background-color: var(--bg-gray);
  border-radius: var(--rd-q);
  margin-top: var(--space-m);
  padding: var(--inner-space-m);
}
#area .sec-area section:not([class*="about_area"]) h4 {
  margin-bottom: var(--space-s);
}
#area .sec-area section:not([class*="about_area"]) dl {
  margin-top: var(--space-s);
}
#area .sec-area section:not([class*="about_area"]) dl dt {
}
#area .sec-area section:not([class*="about_area"]) dl dd {
  margin-top: var(--space-3s);
}
#area .sec-area section:not([class*="about_area"]) dl dd ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--space-3s);
}
#area .sec-area section:not([class*="about_area"]) dl dd ul li {
  width: 12em;
}

/*--------------------------------------------------------------------------------

  process

--------------------------------------------------------------------------------*/
#process {
}

#process .eyecatch {
  background: #ffffff url("../../assets/img/investigation/process/eyecatch.jpg") center center / cover no-repeat;
}

#process .sec-process {
  padding: var(--space-2l) 0;
}

#process .sec-process ol {
  border-top: solid 1px #424856;
  margin: var(--space-m) 0 0 0;
}
#process .sec-process ol > li {
  position: relative;
  border-bottom: solid 1px #424856;
  padding: var(--space-m) 0;
}
#process .sec-process ol > li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  display: block;
  width: 105px;
  height: 20px;
  background: #ffffff;
  margin: 0 auto;
}
#process .sec-process ol > li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  display: block;
  width: 45px;
  height: 20px;
  background: #424856;
  clip-path: polygon(0 0,100% 0%,50% 100%);
  margin: 0 auto;
}
#process .sec-process ol > li > dl {
}
#process .sec-process ol > li > dl > dt {
  font-size: var(--fs-l);
}
#process .sec-process ol > li > dl > dd {
  margin: var(--space-3s) 0 0 0;
}
#process .sec-process ol > li > dl > dd span {
  color: #ff0000;
  font-weight: bold;
}


/*--------------------------------------------------------------------------------

  fee

--------------------------------------------------------------------------------*/
#fee {
}

#fee .eyecatch {
  background: #ffffff url("../../assets/img/investigation/fee/eyecatch.jpg") center center / cover no-repeat;
}


/*--------------------------------------------------------------------------------
  about_fee
--------------------------------------------------------------------------------*/
/*
#fee .sec-about_fee {
  padding: var(--space-2l) 0 0 0;
}

#fee .sec-about_fee > p:nth-of-type(1) {
  margin-top: var(--space-m) !important;
}
*/
#fee .sec-about_fee {
  padding: var(--space-2l) 0 0 0;
}

#fee .sec-about_fee .float-container {
  padding: var(--space-s) 0 0 0;
}

#fee .sec-about_fee .float-container figure {
  display: inline-block;
  float: right;
  width: calc((100% - var(--space-s)) / 2);
  margin: 0 0 var(--space-s) var(--space-s);
}
#fee .sec-about_fee .float-container figure img {
  width: 100%;
  height: auto;
  border-radius: var(--rd-q);
}

#fee .sec-about_fee .float-container > p:nth-of-type(1) {
  padding: 0 !important;
}

@media (max-width: 760px) {
#fee .sec-about_fee .float-container {
  flex-direction: column;
}

#fee .sec-about_fee .float-container figure {
  float: none;
  width: 100%;
  margin: 0;
}
#fee .sec-about_fee .float-container > p:nth-of-type(1) {
  padding: var(--space-s) 0 0 0 !important;
}
}


/*--------------------------------------------------------------------------------
  main_plan
--------------------------------------------------------------------------------*/
#fee .sec-main_plan {
  padding: var(--space-l) 0 0 0;
}

#fee .sec-main_plan > p:nth-of-type(1) {
  margin-top: var(--space-m) !important;
}

#fee .sec-main_plan table {
  width: 100%;
  border-bottom: solid 1px var(--border-color);
  margin-top: var(--space-s);
}
#fee .sec-main_plan table colgroup:nth-of-type(1) {
  width: 9em;
}
#fee .sec-main_plan table colgroup:nth-of-type(2) {
  width: auto;
}
#fee .sec-main_plan table tbody {
}
#fee .sec-main_plan table tbody tr {
}
#fee .sec-main_plan table tbody tr:not(.price) {
  border-top: solid 1px var(--border-color);
}
#fee .sec-main_plan table tbody tr.price {
}
#fee .sec-main_plan table tbody tr th {
  padding: var(--space-3s) 0;
}
#fee .sec-main_plan table tbody tr td {
  padding: var(--space-3s) 0;
}
#fee .sec-main_plan table tbody tr.price td {
  font-weight: 700;
  text-align: right;
  padding: 0 0 var(--space-3s) 0;
}

@media (max-width: 760px) {
#fee .sec-main_plan table,
#fee .sec-main_plan table tbody,
#fee .sec-main_plan table tbody tr,
#fee .sec-main_plan table tbody tr th,
#fee .sec-main_plan table tbody tr td {
  display: block;
  width: 100%;
}
#fee .sec-main_plan table tbody tr th {
  padding: var(--space-s) 0 0 0;
}
#fee .sec-main_plan table tbody tr td {
}
#fee .sec-main_plan table tbody tr.price td {
  padding: 0 0 var(--space-s) 0;
}
}


/*--------------------------------------------------------------------------------
  time_plan
--------------------------------------------------------------------------------*/
#fee .sec-time_plan {
  padding: var(--space-l) 0 0 0;
}

#fee .sec-time_plan > p:nth-of-type(1) {
  margin-top: var(--space-m) !important;
}

#fee .sec-time_plan table {
  width: 100%;
  border-top: solid 1px var(--border-color);
  margin-top: var(--space-s);
}
#fee .sec-time_plan table colgroup:nth-of-type(1) {
  width: 9em;
}
#fee .sec-time_plan table colgroup:nth-of-type(2) {
  width: auto;
}
#fee .sec-time_plan table colgroup:nth-of-type(3) {
  width: 10em;
}
#fee .sec-time_plan table tbody {
}
#fee .sec-time_plan table tbody tr {
  border-bottom: solid 1px var(--border-color);
}
#fee .sec-time_plan table tbody tr th {
  padding: var(--space-3s) 0;
}
#fee .sec-time_plan table tbody tr td {
  padding: var(--space-3s) 0;
}
#fee .sec-time_plan table tbody tr td:nth-child(3) {
  font-weight: 700;
  text-align: right;
}

@media (max-width: 760px) {
#fee .sec-time_plan table,
#fee .sec-time_plan table tbody,
#fee .sec-time_plan table tbody tr,
#fee .sec-time_plan table tbody tr th,
#fee .sec-time_plan table tbody tr td {
  display: block;
  width: 100%;
}
#fee .sec-time_plan table tbody tr th {
  padding: var(--space-s) 0 0 0;
}
#fee .sec-time_plan table tbody tr td {
}
#fee .sec-time_plan table tbody tr td:nth-child(3) {
  padding: 0 0 var(--space-s) 0;
}
}


/*--------------------------------------------------------------------------------
  support_plan
--------------------------------------------------------------------------------*/
#fee .sec-support_plan {
  padding: var(--space-l) 0 0 0;
}

#fee .sec-support_plan ol {
  margin-top: var(--space-m) !important;
  list-style: none;
}
#fee .sec-support_plan ol li {
}

#fee .sec-support_plan > p:nth-of-type(1) {
  margin-top: var(--space-3s) !important;
}
#fee .sec-support_plan > p:nth-of-type(2) {
  margin-top: var(--space-s) !important;
}

#fee .sec-support_plan table {
  width: 100%;
  border-top: solid 1px var(--border-color);
  margin-top: var(--space-s);
}
#fee .sec-support_plan table colgroup:nth-of-type(1) {
  width: 9em;
}
#fee .sec-support_plan table colgroup:nth-of-type(2) {
  width: auto;
}
#fee .sec-support_plan table colgroup:nth-of-type(3) {
  width: 10em;
}
#fee .sec-support_plan table tbody {
}
#fee .sec-support_plan table tbody tr {
  border-bottom: solid 1px var(--border-color);
}
#fee .sec-support_plan table tbody tr th {
  padding: var(--space-3s) 0;
}
#fee .sec-support_plan table tbody tr td:nth-child(2) {
  font-weight: 700;
  text-align: right;
  padding: var(--space-3s) 0;
}

@media (max-width: 760px) {
#fee .sec-support_plan table,
#fee .sec-support_plan table tbody,
#fee .sec-support_plan table tbody tr,
#fee .sec-support_plan table tbody tr th,
#fee .sec-support_plan table tbody tr td {
  display: block;
  width: 100%;
}
#fee .sec-support_plan table tbody tr th {
  padding: var(--space-s) 0 0 0;
}
#fee .sec-support_plan table tbody tr td:nth-child(2) {
  padding: 0 0 var(--space-s) 0;
}
}


/*--------------------------------------------------------------------------------
  payment
--------------------------------------------------------------------------------*/
#fee .sec-payment {
  padding: var(--space-l) 0 0 0;
}

#fee .sec-payment > p:nth-of-type(1) {
  margin-top: var(--space-m) !important;
}

#fee .sec-payment .float-container figure {
  display: inline-block;
  float: right;
  width: calc(50% - var(--space-s));
  max-width: 512px;
  margin: 0 0 var(--space-s) var(--space-s);
}
#fee .sec-payment .float-container figure img {
  width: 100%;
  height: auto;
  border-radius: var(--rd-q);
}
@media (max-width: 760px) {
  #fee .sec-payment .float-container figure {
    float: none;
    width: 100%;
    margin: var(--space-s) 0;
  }
}


/*--------------------------------------------------------------------------------
  under
--------------------------------------------------------------------------------*/
#fee .sec-under {
  background-color: var(--bg-quaternary);
  border-radius: var(--rd-q);
  margin: var(--space-2l) auto var(--space-2l) auto;
  padding: var(--inner-space-m);
}
