@charset "UTF-8";
/* !_breakpoint.scss */
:root {
  --bp-pcCnt: 1130px;
  --bp-pcMax: 1280px;
  --bp-spMax: 767px;
}

/* !_businessSP.scss */
.business h1 + :where(*), .business h2 + :where(*), .business h3 + :where(*), .business h4 + :where(*), .business h5 + :where(*), .business h6 + :where(*) {
  margin-block-start: 2rem;
}
.business .main .intro {
  padding-block: 8rem;
  color: #002080;
  text-align: center;
}
.business .main .intro .intro__heading {
  font-weight: 700;
  font-size: 3.2rem;
  letter-spacing: 0.1em;
}
.business .main .intro .intro__lede {
  font-weight: 500;
}
.business .main .intro .intro__lede::before, .business .main .intro .intro__lede::after {
  content: "";
  display: block;
  block-size: 1px;
  inline-size: 0;
}
.business .main .intro .intro__lede::before {
  margin-block-start: calc((1em - 1lh) / 2);
}
.business .main .intro .intro__lede::after {
  margin-block-end: calc((1em - 1lh) / 2);
}
.business .main .anchor {
  padding-block: 4rem;
  background-color: #5080f0;
}
.business .main .anchor .anchor__list {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
.business .main .anchor .anchor__list .anchor__listItem {
  /* border-top: 0.1rem solid #fff; */
  /* 画像の上の白線を削除 */
  border-bottom: 0.1rem solid #fff;
}
.business .main .anchor .anchor__list .anchor__listImage figcaption {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-inline: 2rem;
  padding-block: 2rem;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.business .main .anchor .anchor__list .anchor__listImage figcaption::before {
  content: "";
  width: 3.2rem;
  aspect-ratio: 1;
  clip-path: circle(50%);
  position: absolute;
  right: 2rem;
  border: 0.1rem solid currentColor;
  border-radius: 50%;
  background-color: transparent;
}
.business .main .anchor .anchor__list .anchor__listImage figcaption::after {
  content: "";
  height: 1.2rem;
  aspect-ratio: 1;
  clip-path: polygon(0 5%, 5% 0, 55% 50%, 5% 100%, 0 95%, 45% 50%);
  position: absolute;
  top: calc(50% + 0.5rem);
  right: 3rem;
  transform: translateY(-50%) rotate(90deg);
  background-color: currentColor;
}
.business .main .content {
  padding-block-start: 4rem;
}
.business .main .content:last-of-type {
  padding-block-end: 6rem;
}
.business .main .content .content__heading {
  display: flex;
  column-gap: 2.4rem;
  align-items: center;
  color: #5080f0;
  font-weight: 500;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
.business .main .content .content__heading::before {
  content: "";
  width: 0.5rem;
  height: 3.5rem;
  background-color: currentColor;
}
.business .main .content .content__block {
  margin-block-start: 2rem;
}
.business .main .content .content__title {
  color: #e8e8f0;
  font-size: 2rem;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
  background-color: #5080f0;
}
.business .main .content .content__list {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.business .main .content .content__list .content__listItem {
  display: flex;
  flex-direction: row;
  row-gap: 2rem;
  padding-inline: 2rem;
  padding-block: 2rem;
  background-color: #e8e8f0;
}
/* 
.business .main .content .content__list .content__listText::before { 
  content: "・"; 
} 
*/
.business .main .content .content__list .content__listImage figcaption {
  margin-block-start: 1rem;
  text-align: center;
}
.business .main .content .content__list .content__listTitle {
  font-size: 1.7rem;
  text-decoration: underline;
  text-decoration-color: #5080f0;
  text-decoration-thickness:3px;
}
.business.index .anchor {
  margin-block-start: 4rem;
}
.business.index .anchor .anchor__list {
  display: grid;
}
.business.index .anchor .anchor__list .anchor__listImage figcaption {
  font-size: 1.6rem;
}
.business.index .anchor .anchor__list .anchor__listImage figcaption::before {
  content: "";
  top: 50%;
  transform: translateY(-50%);
}
.business.index .anchor .anchor__list .anchor__listImage figcaption::after {
  height: 0.8rem;
  top: 50%;
  right: 2.9rem;
  transform: translateY(-50%);
}

/* !_businessPC.scss */
@media (min-width: 768px) {
  .business .main .intro {
    padding-block: 4.6rem 8rem;
  }
  .business .main .anchor {
    padding-block: 8rem;
  }
  .business .main .anchor .anchor__list {
    flex-direction: row;
    column-gap: min(40 / 1130 * var(--100vw), 4rem);
  }
  .business .main .anchor .anchor__list .anchor__listLink:hover .anchor__listImage img {
    transform: scale(1.1);
  }
  .business .main .anchor .anchor__list .anchor__listLink:hover .anchor__listImage figcaption {
    background-color: #002060;
    transition: 0.3s ease-in-out;
  }
  .business .main .anchor .anchor__list .anchor__listImage {
    overflow: hidden;
  }
  .business .main .anchor .anchor__list .anchor__listImage figcaption {
    padding-inline: min(20 / 1130 * var(--100vw), 2rem);
    padding-block: 2rem;
    transition: 0.3s ease-in-out;
  }
  .business .main .content {
    padding-block-start: 8rem;
  }
  .business .main .content:last-of-type {
    padding-block-end: 8rem;
  }
  .business .main .content .content__block {
    margin-block-start: 4rem;
  }
  .business .main .content .content__list {
    row-gap: 4rem;
    margin-block-start: 4rem;
  }
  .business .main .content .content__list .content__listItem {
    flex-direction: row;
    column-gap: min(40 / 1130 * var(--100vw), 4rem);
    padding-inline: min(40 / 1130 * var(--100vw), 4rem);
    padding-block: 4rem;
  }
  .business .main .content .content__list .content__listText {
    width: 55%;
  }
  .business .main .content .content__list .content__listImage {
    width: 45%;
  }
  .business.index .anchor {
    margin-block-start: 8rem;
  }
  .business.index .anchor .anchor__list {
    grid-template-columns: repeat(2, auto);
    row-gap: 4rem;
  }
  .business.index .anchor .anchor__list .anchor__listImage figcaption {
    padding-block: 2rem;
    font-size: 2rem;
    line-height: 1.6;
  }
  .business.index .anchor .anchor__list .anchor__listImage figcaption::before {
    content: "";
    width: 3.2rem;
  }
}/*# sourceMappingURL=business.css.map */