@charset "UTF-8";
.page-header.lp-page-header {
  text-align: center;
}

.is-page-consulting-partner {
  font-family: "Yu Gothic", "游ゴシック", sans-serif;
  --base-font-size: 16px;
  --solution-arc-rise: 32px;
  --solution-arc-expand: 3px;
  --solution-arc-rise-effective: calc(var(--solution-arc-rise) + var(--solution-arc-expand));
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner {
    --solution-arc-rise: clamp(72px, 21.714px + 6.548vw, 116px);
  }
}
.is-page-consulting-partner .main.main__1col {
  padding-block: 0;
}
.is-page-consulting-partner div.article section {
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  padding-inline: 20px;
}
.is-page-consulting-partner div.article div.section-inner {
  width: 100%;
  max-width: var(--lp-inner-width, 1172px);
  margin-inline: auto;
}
.is-page-consulting-partner h2.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 35px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner h2.section-title {
    gap: 70px;
  }
}
.is-page-consulting-partner section.issue {
  --lp-inner-width: 1012px;
  background-image: url("../images/consulting-partner/issue-bg.webp");
  background-size: cover;
  background-position: center top;
  padding-block: 60px 180px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.issue {
    padding-block: 100px 180px;
  }
}
.is-page-consulting-partner section.issue ul.issue-list {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 50px;
  grid-gap: 50px;
  gap: 50px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.issue ul.issue-list {
    margin-top: 87px;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
}
.is-page-consulting-partner section.issue ul.issue-list > li {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.67;
  padding-inline: 20px;
  font-size: 16px;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.issue ul.issue-list > li {
    font-size: 18px;
    gap: 25px;
    align-items: flex-start;
    padding-inline: 20px 0;
  }
}
@media screen and (max-width: 768.9px) {
  .is-page-consulting-partner section.issue ul.issue-list > li img {
    margin-inline: auto;
    max-width: 200px;
  }
}
.is-page-consulting-partner section.issue ul.issue-list > li ul li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}
.is-page-consulting-partner section.issue ul.issue-list > li ul li:before {
  content: "●";
}
.is-page-consulting-partner section.solution {
  background-color: #e2f0ff;
  position: relative;
  padding-block: 39px 40px;
  padding-inline: 30px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution {
    padding-block: 0 20px;
  }
}
.is-page-consulting-partner section.solution .section-inner {
  --lp-inner-width: 1080px;
}
.is-page-consulting-partner section.solution::before {
  content: "";
  position: absolute;
  top: calc(var(--solution-arc-rise-effective, 118px) * -1 + 1px);
  left: 0;
  width: 100%;
  height: var(--solution-arc-rise-effective, 118px);
  background-color: #e2f0ff;
  -webkit-clip-path: circle(var(--solution-arc-radius, 1200px) at 50% calc(100% + var(--solution-arc-radius, 1200px) - var(--solution-arc-rise-effective, 118px)));
  clip-path: circle(var(--solution-arc-radius, 1200px) at 50% calc(100% + var(--solution-arc-radius, 1200px) - var(--solution-arc-rise-effective, 118px)));
}
.is-page-consulting-partner section.solution::after {
  content: "";
  position: absolute;
  bottom: calc(var(--solution-arc-rise-effective, 118px) * -1 + 1px);
  left: 0;
  width: 100%;
  height: var(--solution-arc-rise-effective, 118px);
  background-color: #e2f0ff;
  -webkit-clip-path: circle(var(--solution-arc-radius, 1200px) at 50% calc(0% - (var(--solution-arc-radius, 1200px) - var(--solution-arc-rise-effective, 118px))));
  clip-path: circle(var(--solution-arc-radius, 1200px) at 50% calc(0% - (var(--solution-arc-radius, 1200px) - var(--solution-arc-rise-effective, 118px))));
}
.is-page-consulting-partner section.solution ul.issue-list {
  display: grid;
  margin-top: 50px;
  grid-template-columns: 1fr;
  grid-template-areas: "issue-1" "issue-2" "issue-3";
  grid-gap: 50px;
  gap: 50px;
  padding-inline: 10px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list {
    padding-inline: 0;
    margin-top: 72px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "issue-1 issue-1" "issue-2 issue-3";
    justify-content: center;
    background-image: url("../images/consulting-partner/solution-4.svg");
    background-size: 470px;
    background-size: clamp(370px, 70px + 39.063vw, 470px);
    background-repeat: no-repeat;
    background-position: center clamp(210px, 90px + 15.625vw, 315px);
    row-gap: 154px;
  }
}
.is-page-consulting-partner section.solution ul.issue-list li {
  position: relative;
}
.is-page-consulting-partner section.solution ul.issue-list li img {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list li img {
    width: clamp(300px, 185.714px + 14.881vw, 400px);
  }
}
.is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy {
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #52aaee;
  padding-block: 20px;
  padding-inline: 20px;
  letter-spacing: 0.05em;
  position: relative;
  box-shadow: 6px 6px 0 #52aaee;
  margin-top: -10px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy {
    margin-top: 36px;
    padding-block: 24px;
    padding-inline: 20px;
  }
}
.is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy p {
  font-size: clamp(18px, 12px + 0.781vw, 22px);
  font-weight: 700;
  line-height: 1.318;
}
.is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy p span {
  color: #52aaee;
}
.is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy ul {
  margin-top: 15px;
}
.is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy ul li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.375;
}
.is-page-consulting-partner section.solution ul.issue-list li .solution-list__copy ul li:before {
  content: "●";
  color: #52aaee;
}
.is-page-consulting-partner section.solution ul.issue-list li:first-child {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: issue-1;
  margin-inline: auto;
}
.is-page-consulting-partner section.solution ul.issue-list li:first-child .solution-list__copy {
  --item-width: 100%;
  --item-offset: 20px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list li:first-child .solution-list__copy {
    --item-offset: clamp(-10px, -55px + 5.859vw, 20px);
    --item-width: clamp(230px, -40px + 35.156vw, 320px);
    position: absolute;
    right: calc((var(--item-width, 100%) + var(--item-offset, 20px)) * -1);
    bottom: 0;
    width: var(--item-width, 100%);
    padding-inline: clamp(15px, 0px + 1.953vw, 20px);
  }
}
@media screen and (max-width: 989px) {
  .is-page-consulting-partner section.solution ul.issue-list li:first-child .solution-list__copy br.br_pc {
    display: none;
  }
}
.is-page-consulting-partner section.solution ul.issue-list li:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: issue-2;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list li:nth-child(2) {
    margin-inline: 0 auto;
  }
}
.is-page-consulting-partner section.solution ul.issue-list li:nth-child(3) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: issue-3;
  margin-inline: auto;
}
@media screen and (min-width: 769px){
  .is-page-consulting-partner section.solution ul.issue-list li:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .is-page-consulting-partner section.solution ul.issue-list li:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .is-page-consulting-partner section.solution ul.issue-list li:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list li:nth-child(3) {
    margin-inline: auto 0;
  }
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.solution ul.issue-list li:nth-child(3) img {
    margin-inline: auto 0;
  }
}
.is-page-consulting-partner section.step {
  padding-block: 100px 70px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.step {
    padding-block: 200px 100px;
  }
}
.is-page-consulting-partner section.step .section-inner {
  --lp-inner-width: 1172px;
}
.is-page-consulting-partner section.step ul.step-list {
  width: 100%;
  justify-content: space-between;
  display: grid;
  margin-top: 40px;
  grid-template-columns: 1fr;
  grid-gap: 70px;
  gap: 70px;
  padding-inline: 20px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.step ul.step-list {
    padding-inline: 0;
    margin-top: 60px;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.is-page-consulting-partner section.step ul.step-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  position: relative;
  font-feature-settings: "palt";
  width: 100%;
  max-width: 358px;
  margin-inline: auto;
}
.is-page-consulting-partner section.step ul.step-list > li .step-list__copy h3 {
  line-height: 1.22222222;
  font-weight: 700;
  color: #52aaee;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 28px;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.step ul.step-list > li .step-list__copy h3 {
    font-size: 36px;
    margin-top: 36px;
    font-size: clamp(24px, 6px + 2.344vw, 36px);
    margin-top: clamp(20px, -4px + 3.125vw, 36px);
  }
}
.is-page-consulting-partner section.step ul.step-list > li .step-list__copy p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.44444444;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.step ul.step-list > li .step-list__copy p {
    font-size: clamp(14px, 8px + 0.781vw, 18px);
  }
}
.is-page-consulting-partner section.step ul.step-list > li::after {
  content: "";
  position: absolute;
  background-image: url("../images/consulting-partner/step-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 35/40;
}
@media screen and (max-width: 768.9px) {
  .is-page-consulting-partner section.step ul.step-list > li::after {
    width: 35px;
    bottom: -53px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.step ul.step-list > li::after {
    top: 30%;
    bottom: auto;
    left: auto;
    right: -45px;
    right: clamp(-32px, -9.5px + -1.758vw, -23px);
    width: clamp(15px, 0px + 1.953vw, 25px);
  }
}
@media screen and (min-width: 1280px) {
  .is-page-consulting-partner section.step ul.step-list > li::after {
    width: 35px;
    right: -45px;
  }
}
.is-page-consulting-partner section.step ul.step-list > li:last-child::after {
  content: none;
}
.is-page-consulting-partner section.contact {
  background-color: #52aaee;
  color: #fff;
  padding-block: 58px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.contact {
    padding-block: 78px;
  }
}
.is-page-consulting-partner section.contact .section-inner {
  --lp-inner-width: 600px;
}
@media screen and (min-width: 990px) {
  .is-page-consulting-partner section.contact .section-inner {
    --lp-inner-width: 723px;
  }
}
.is-page-consulting-partner section.contact .section-title__label {
  background-color: #fff;
  color: #52aaee;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.05em;
  padding-block: 5px;
  padding-inline: 10px;
  border-radius: 0 20px 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: flex-start;
  height: 32px;
  padding-inline: 16px;
  font-size: 15px;
  margin-left: 40px;
}
@media screen and (min-width: 990px) {
  .is-page-consulting-partner section.contact .section-title__label {
    padding-inline: 20px;
    height: 40px;
    font-size: 20px;
    margin-left: -20px;
  }
}
.is-page-consulting-partner section.contact .section-title__label .circle {
  background-color: #2866a3;
  color: #ffff00;
  border-radius: 50%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.15em;
  border: 3px solid #fff;
  width: 60px;
  left: -50px;
}
@media screen and (min-width: 990px) {
  .is-page-consulting-partner section.contact .section-title__label .circle {
    border: 5px solid #fff;
    width: 78px;
    left: -65px;
  }
}
.is-page-consulting-partner section.contact ul {
  margin-top: 30px;
}
.is-page-consulting-partner section.contact ul li {
  letter-spacing: 0.05em;
  line-height: 1.375;
  text-indent: -26px;
  padding-left: 26px;
  font-size: 13px;
}
@media screen and (min-width: 769px) {
  .is-page-consulting-partner section.contact ul li {
    font-size: 14px;
  }
}
.is-page-consulting-partner section.contact ul li:before {
  content: "";
  background-image: url("../images/consulting-partner/icon-check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 11px;
  display: inline-block;
  margin-right: 10px;
}
.is-page-consulting-partner section.contact ul li + li {
  margin-top: 8px;
}
.is-page-consulting-partner section.contact .contact__btn {
  margin-top: 40px;
  text-align: center;
}
.is-page-consulting-partner section.contact .contact__btn a {
  transition: filter 0.3s;
}
@media (hover: hover) {
  .is-page-consulting-partner section.contact .contact__btn a:hover {
    filter: brightness(1.1);
  }
}
/*# sourceMappingURL=style-consulting-partner.css.map */