.p__mainvis {
  width: 100%;
}
.p__mainvis .catch-wrap {
  width: 100%;
}
.p__mainvis .catch-wrap .catch {
  padding: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px) clamp(20px, -103.8709677419px + 0.1612903226 * 100vw, 100px);
}
.p__mainvis .catch-wrap .catch p {
  font-size: clamp(14px, -1.4838709677px + 0.0201612903 * 100vw, 24px);
  font-weight: 700;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.85), 0 0 10px rgba(255, 255, 255, 0.85);
}
.p__mainvis .catch-wrap .catch h1 {
  line-height: 1.4;
  font-size: clamp(36px, 23.6129032258px + 0.0161290323 * 100vw, 44px);
  font-weight: 700;
  margin: 0.25em 0;
  line-height: 1.3;
  font-size: clamp(36px, -16.6451612903px + 0.0685483871 * 100vw, 70px);
  color: #CF1D79;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.85), 0 0 10px rgba(255, 255, 255, 0.85);
}
.p__mainvis .catch-wrap .catch h1 strong {
  font-size: larger;
}
.p__mainvis .comment {
  max-width: 880px;
  padding: clamp(20px, 4.5161290323px + 0.0201612903 * 100vw, 30px);
  margin: 0 auto;
  background: rgba(4, 9, 36, 0.75);
}
.p__mainvis .comment > p {
  line-height: 1.7;
  font-size: clamp(14px, 7.8064516129px + 0.0080645161 * 100vw, 18px);
  color: #040924;
  color: #fff;
}
.p__mainvis .comment > p a {
  text-decoration: underline;
  color: #0045B4;
}
.p__mainvis .comment > p a:hover {
  text-decoration: none;
}
.p__mainvis .comment > p a::after {
  margin-right: 0.25em;
}
.p__mainvis .comment ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
}
.p__mainvis .comment ul li {
  text-align: center;
}
.p__mainvis .comment ul li img {
  aspect-ratio: 1/1;
  width: 100px;
  border-radius: 50%;
}
.p__mainvis .comment ul li p {
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .p__mainvis .catch-wrap {
    padding: var(--wp--preset--spacing--50);
    background: #7e96aa center center no-repeat;
    background-position-x: 60%;
    background-size: cover;
    background-image: url("/ir-individual/src/img/page/toppage/mainvis.jpg");
  }
  .p__mainvis .comment > p {
    margin-bottom: 2em;
  }
}
@media (min-width: 768px) {
  .p__mainvis {
    padding: var(--wp--preset--spacing--50);
    background: #7e96aa center center no-repeat;
    background-size: cover;
    background-image: url("/ir-individual/src/img/page/toppage/mainvis.jpg");
  }
  .p__mainvis .comment {
    display: flex;
    gap: 2em 4em;
  }
  .p__mainvis .comment > p {
    flex: 1;
  }
}

.p__sec-header {
  text-align: center;
}
.p__sec-header .en {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin-bottom: 1em;
}
.p__sec-header .en span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #CF1D79;
}
.p__sec-header .en::before, .p__sec-header .en::after {
  content: "";
  display: block;
  flex: 1;
  max-width: 10em;
  height: 1px;
  background: #CF1D79;
}
.p__sec-header .title {
  line-height: 1.4;
  font-size: clamp(36px, 23.6129032258px + 0.0161290323 * 100vw, 44px);
  font-weight: 700;
}
.p__sec-header .title strong {
  font-size: larger;
}
.p__sec-header p {
  line-height: 1.7;
  font-size: clamp(14px, 10.9032258065px + 0.0040322581 * 100vw, 16px);
  color: #040924;
}
.p__sec-header p a {
  text-decoration: underline;
  color: #0045B4;
}
.p__sec-header p a:hover {
  text-decoration: none;
}
.p__sec-header p a::after {
  margin-right: 0.25em;
}

.m__cv-btn {
  max-width: 600px;
  margin: 3em auto 0;
}
.m__cv-btn a {
  transition: all 500ms;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.875em 3em;
  text-align: center;
  line-height: 1.25;
  font-size: clamp(16px, 12.9032258065px + 0.0040322581 * 100vw, 18px);
  font-weight: 700;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid #CF1D79;
  transition: box-shadow 500ms;
  color: #fff;
  background: #CF1D79;
  border-color: #CF1D79;
}
.m__cv-btn a:hover {
  box-shadow: 0 3px 20px rgba(4, 9, 36, 0.3);
}
.m__cv-btn a {
  position: relative;
  overflow: hidden;
  gap: 0.5em;
  width: 100%;
  padding: 1em 2em;
  font-size: clamp(18px, 2.5161290323px + 0.0201612903 * 100vw, 28px);
}
.m__cv-btn a img {
  width: 1.25em;
}
.m__cv-btn a span {
  flex: 1;
}
.m__cv-btn a::before {
  content: "";
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
}
@keyframes reflection {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 0.75;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.mb__intro {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: #EDF1F2;
  position: relative;
}
.mb__intro::after {
  content: "";
  z-index: 1;
  position: absolute;
  bottom: calc(clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px) * -0.5);
  left: 0;
  right: 0;
  height: calc(clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px) * 1.5);
  margin: 0 auto;
  aspect-ratio: 3/1;
  clip-path: polygon(0% 0%, 100% 0, 50% 100%);
  background: #fff;
}
.mb__intro > div {
  max-width: 1080px;
  padding-top: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-bottom: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-right: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  padding-left: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
}
.mb__intro > div > header {
  margin-bottom: 3em;
}
.mb__intro > div > section {
  text-align: center;
}
.mb__intro > div > section + section {
  margin-top: 5em;
}
.mb__intro > div > section h3 {
  line-height: 1.5;
  font-size: clamp(24px, 17.8064516129px + 0.0080645161 * 100vw, 28px);
  font-weight: 700;
  margin-bottom: 1.5em;
}
.mb__intro > div > section h4 {
  line-height: 1.5;
  font-size: clamp(18px, 14.9032258065px + 0.0040322581 * 100vw, 20px);
  font-weight: 700;
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  .mb__intro > div > section .col-2 > div + div {
    margin-top: 3em;
  }
}
@media (min-width: 768px) {
  .mb__intro > div > section .col-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 2em 40px;
  }
  .mb__intro > div > section .col-2 > div {
    flex: 1;
  }
}
.mb__intro > div > section .col-2 {
  align-items: flex-end;
}
.mb__intro > div > section .col-2 .img {
  text-align: center;
}
.mb__intro > div > section .col-2 .img figcaption {
  line-height: 1.5;
  font-size: clamp(12px, 12px + 0 * 100vw, 12px);
  color: #040924;
  margin-top: 2em;
  color: #7e96aa;
}
.mb__intro > div > section .col-2 .img figcaption a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__intro > div > section .col-2 .img figcaption a:hover {
  text-decoration: none;
}
.mb__intro > div > section .col-2 .img figcaption a::after {
  margin-right: 0.25em;
}
.mb__intro .intro-problem .intro-problem-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75em;
}
.mb__intro .intro-problem .intro-problem-list li {
  z-index: 0;
  position: relative;
  padding: 1.5em;
  text-align: center;
  background: center center no-repeat;
  background-size: cover;
}
.mb__intro .intro-problem .intro-problem-list li::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 9, 36, 0.6);
}
.mb__intro .intro-problem .intro-problem-list li > section h4 {
  line-height: 1.5;
  font-size: clamp(20px, 13.8064516129px + 0.0080645161 * 100vw, 24px);
  font-weight: 700;
  margin-bottom: 0.5em;
  color: #fff;
}
.mb__intro .intro-problem .intro-problem-list li > section p {
  line-height: 1.5;
  font-size: clamp(14px, 10.9032258065px + 0.0040322581 * 100vw, 16px);
  color: #040924;
  color: #fff;
}
.mb__intro .intro-problem .intro-problem-list li > section p a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__intro .intro-problem .intro-problem-list li > section p a:hover {
  text-decoration: none;
}
.mb__intro .intro-problem .intro-problem-list li > section p a::after {
  margin-right: 0.25em;
}
@media (max-width: 767px) {
  .mb__intro .intro-problem .intro-problem-list li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mb__intro .intro-problem .intro-problem-list li {
    width: calc((100% - 1.5em) / 3);
  }
}
.mb__intro .intro-voice .intro-voice-cnt {
  position: relative;
}
.mb__intro .intro-voice .intro-voice-cnt .intro-voice-human img {
  position: absolute;
}
.mb__intro .intro-voice .intro-voice-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mb__intro .intro-voice .intro-voice-list li span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  text-align: center;
  font-size: clamp(14px, 7.8064516129px + 0.0080645161 * 100vw, 18px);
  font-weight: 700;
  background: #EDF1F2;
}
.mb__intro .intro-voice .intro-voice-list li span::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  clip-path: polygon(0% 0%, 100% 0, 50% 100%);
  transform: rotate(45deg);
  background: #EDF1F2;
}
.mb__intro .intro-voice .intro-voice-list li:nth-child(2n) span {
  background: rgb(229.7142857143, 233.3571428571, 244.2857142857);
}
.mb__intro .intro-voice .intro-voice-list li:nth-child(2n) span::after {
  background: rgb(229.7142857143, 233.3571428571, 244.2857142857);
}
@media (max-width: 767px) {
  .mb__intro .intro-voice .intro-voice-human img {
    width: 20%;
    max-width: 120px;
    min-width: 80px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-1 {
    left: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 20px);
    top: 100px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-2 {
    right: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 20px);
    top: 200px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-3 {
    left: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 20px);
    top: 400px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-4 {
    right: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 20px);
    top: 500px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-5 {
    left: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 20px);
    top: 700px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-6 {
    right: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 20px);
    top: 800px;
  }
  .mb__intro .intro-voice .intro-voice-list {
    gap: 10px 3%;
  }
  .mb__intro .intro-voice .intro-voice-list li {
    width: 80%;
  }
  .mb__intro .intro-voice .intro-voice-list li span {
    border-radius: 20px;
  }
  .mb__intro .intro-voice .intro-voice-list li span::after {
    left: -10px;
    bottom: -10px;
  }
  .mb__intro .intro-voice .intro-voice-list li:nth-child(2n-1) {
    margin-right: 10%;
  }
  .mb__intro .intro-voice .intro-voice-list li:nth-child(2n) {
    margin-left: 10%;
  }
  .mb__intro .intro-voice .intro-voice-list li:nth-child(2n) span::after {
    left: inherit;
    right: -10px;
    transform: rotate(-45deg);
  }
}
@media (min-width: 768px) {
  .mb__intro .intro-voice {
    padding-bottom: 170px;
  }
  .mb__intro .intro-voice .intro-voice-human img {
    width: 23%;
    max-width: 200px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-1 {
    left: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 50px);
    top: 100px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-2 {
    right: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 50px);
    top: 150px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-3 {
    left: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 50px);
    top: 500px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-4 {
    right: calc(clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px) * -1 - 50px);
    top: 550px;
  }
  .mb__intro .intro-voice .intro-voice-human img.img-5 {
    left: 120px;
    bottom: calc((clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px) + 170px) * -1);
  }
  .mb__intro .intro-voice .intro-voice-human img.img-6 {
    right: 150px;
    bottom: calc((clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px) + 170px) * -1);
  }
  .mb__intro .intro-voice .intro-voice-list {
    gap: 15px 3%;
  }
  .mb__intro .intro-voice .intro-voice-list li {
    width: 25%;
    min-width: 200px;
  }
  .mb__intro .intro-voice .intro-voice-list li span {
    aspect-ratio: 3/2;
    border-radius: 50%;
  }
  .mb__intro .intro-voice .intro-voice-list li span::after {
    left: 5%;
    bottom: 8%;
  }
  .mb__intro .intro-voice .intro-voice-list li.size-l {
    width: 35%;
    min-width: 250px;
  }
  .mb__intro .intro-voice .intro-voice-list li:nth-child(4n) {
    margin-top: 1em;
  }
  .mb__intro .intro-voice .intro-voice-list li:nth-child(3n) span::after {
    left: inherit;
    right: 5%;
    transform: rotate(-45deg);
  }
  .mb__intro .intro-voice .intro-voice-list li:nth-child(2n) {
    margin-top: 2.5em;
  }
}

.mb__solution {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: #324376;
  position: relative;
}
.mb__solution::after {
  content: "";
  z-index: 1;
  position: absolute;
  bottom: calc(clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px) * -0.5);
  left: 0;
  right: 0;
  height: calc(clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px) * 1.5);
  margin: 0 auto;
  aspect-ratio: 3/1;
  clip-path: polygon(0% 0%, 100% 0, 50% 100%);
  background: #fff;
}
.mb__solution > div {
  max-width: 1080px;
  padding-top: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-bottom: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-right: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  padding-left: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  padding-top: clamp(30px, -62.9032258065px + 0.1209677419 * 100vw, 90px);
  padding-bottom: clamp(30px, -62.9032258065px + 0.1209677419 * 100vw, 90px);
}
.mb__solution > div > header {
  margin-bottom: 5em;
}
.mb__solution > div > header .title {
  margin-bottom: 1em;
  font-size: clamp(36px, 13.3935483871px + 0.0294354839 * 100vw, 50.6px);
  color: #324376;
}
@media (max-width: 767px) {
  .mb__solution > div .col-2 > div + div {
    margin-top: 3em;
  }
}
@media (min-width: 768px) {
  .mb__solution > div .col-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 2em 40px;
  }
  .mb__solution > div .col-2 > div {
    flex: 1;
  }
}
.mb__solution > div .col-2 > div h3 {
  padding: 0.25em;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 14.9032258065px + 0.0040322581 * 100vw, 20px);
  font-weight: 700;
  color: #fff;
  background: #CF1D79;
  border-radius: 10em;
  margin-bottom: 1em;
}
.mb__solution > div .col-2 > div p {
  margin-bottom: 1em;
  text-align: center;
}
.mb__solution > div .col-2 > div figure {
  margin-top: auto;
}
.mb__solution > div .col-2 > div.ok h3 {
  background: #CF1D79;
}
.mb__solution > div .col-2 > div.ng h3 {
  background: #040924;
}
.mb__solution > div .point {
  margin-top: 3em;
  background: #EDF1F2;
  border: 3px solid #EDF1F2;
}
.mb__solution > div .point > h4 {
  line-height: 1.5;
  font-size: clamp(18px, 14.9032258065px + 0.0040322581 * 100vw, 20px);
  font-weight: 700;
  padding: 1em 2em;
}
.mb__solution > div .point > ul {
  flex: 1;
  padding: 2em;
  font-size: clamp(14px, 7.8064516129px + 0.0080645161 * 100vw, 18px);
  background: #fff;
}
.mb__solution > div .point > ul li {
  position: relative;
  padding-left: 1.75em;
}
.mb__solution > div .point > ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.05em;
  display: block;
  width: 1.25em;
  height: 1.25em;
  background: #CF1D79;
}
.mb__solution > div .point > ul li::after {
  content: "";
  position: absolute;
  left: 0.2em;
  top: 0.3em;
  display: block;
  width: 0.8em;
  height: 0.5em;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
}
.mb__solution > div .point > ul li + li {
  margin-top: 0.75em;
}
@media (min-width: 768px) {
  .mb__solution > div .point {
    display: flex;
    align-items: center;
  }
}
.mb__solution footer {
  margin-top: 3em;
}
.mb__solution footer p {
  line-height: 1.4;
  font-size: clamp(36px, 23.6129032258px + 0.0161290323 * 100vw, 44px);
  font-weight: 700;
  text-align: center;
}
.mb__solution footer p strong {
  font-size: larger;
}

.mb__result {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: rgba(76, 165, 221, 0.2);
}
.mb__result > header {
  margin-bottom: 3em;
}
.mb__result > div {
  max-width: 880px;
  margin: 0 auto;
}
.mb__result > div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 30px;
}
.mb__result > div ul li {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  background: #fff;
  border-radius: 50%;
}
.mb__result > div ul li > div {
  line-height: 1.5;
  font-size: clamp(20px, 13.8064516129px + 0.0080645161 * 100vw, 24px);
  font-weight: 700;
  text-align: center;
}
.mb__result > div ul li > div b {
  font-size: larger;
  color: #CF1D79;
}
@media (max-width: 767px) {
  .mb__result > div ul li {
    width: calc((100% - 30px) / 2);
    max-width: 250px;
    min-width: 180px;
  }
}
@media (min-width: 768px) {
  .mb__result > div ul li {
    width: calc((100% - 60px) / 3);
  }
}

.mb__service {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: rgb(184.6334745763, 25.8665254237, 107.9258474576);
  z-index: 0;
  position: relative;
}
.mb__service::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: center top no-repeat;
  background-size: 150%;
  background-image: url("/ir-individual/src/img//page/toppage/service-bg.png");
}
.mb__service > div > header {
  margin-bottom: 2em;
}
.mb__service > div > header .en span {
  color: #fff;
}
.mb__service > div > header .en::before, .mb__service > div > header .en::after {
  background: #fff;
}
.mb__service > div > header .title {
  margin-bottom: 1em;
  font-size: clamp(36px, 5.0322580645px + 0.0403225806 * 100vw, 56px);
  color: #fff;
  text-shadow: 0 3px 10px rgba(4, 9, 36, 0.5);
}
.mb__service > div > header .title span {
  background-image: linear-gradient(to bottom, transparent 70%, #324376 70%);
  background-size: 0% 100%;
  transition: background-size 1.5s;
}
.mb__service > div > header .title span.on {
  background-size: 100% 100%;
}
.mb__service > div > header p {
  color: #fff;
}
.mb__service > div > section {
  max-width: 1080px;
  padding-top: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-bottom: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-right: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  padding-left: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
}
.mb__service > div > section + section {
  margin-top: 1em;
}
.mb__service .p__service-cnt .img {
  position: relative;
}
.mb__service .p__service-cnt .img .mark {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  text-align: center;
  font-size: clamp(12px, 8.9032258065px + 0.0040322581 * 100vw, 14px);
  font-weight: 700;
  color: #fff;
  background: #CF1D79;
  border-radius: 50%;
  transform: rotate(-15deg);
  box-shadow: 0 0 10px rgba(4, 9, 36, 0.25);
}
.mb__service .p__service-cnt .img .shadow {
  box-shadow: 0 0 10px rgba(4, 9, 36, 0.25);
}
.mb__service .p__service-cnt .img > div figure {
  text-align: center;
}
.mb__service .p__service-cnt .img > div.thumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mb__service .p__service-cnt .img > div.thumb figure {
  width: calc((100% - 10px) / 2);
}
.mb__service .p__service-cnt .img > div.thumb figure:first-child {
  width: 100%;
}
.mb__service .p__service-cnt .img > div.thumb figure a {
  transition: opacity 500ms;
  opacity: 1;
}
.mb__service .p__service-cnt .img > div.thumb figure a:hover {
  opacity: 0.75;
}
.mb__service .p__service-cnt .cnt {
  flex: 1;
}
.mb__service .p__service-cnt .cnt header {
  margin-bottom: 2em;
}
.mb__service .p__service-cnt .cnt header p {
  line-height: 1.5;
  font-size: clamp(14px, 10.9032258065px + 0.0040322581 * 100vw, 16px);
  color: #040924;
  font-weight: 700;
}
.mb__service .p__service-cnt .cnt header p a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__service .p__service-cnt .cnt header p a:hover {
  text-decoration: none;
}
.mb__service .p__service-cnt .cnt header p a::after {
  margin-right: 0.25em;
}
.mb__service .p__service-cnt .cnt header h3 {
  line-height: 1.4;
  font-size: clamp(36px, 23.6129032258px + 0.0161290323 * 100vw, 44px);
  font-weight: 700;
  font-size: clamp(36px, 30.4258064516px + 0.0072580645 * 100vw, 39.6px);
}
.mb__service .p__service-cnt .cnt header h3 strong {
  font-size: larger;
}
.mb__service .p__service-cnt .cnt ul {
  margin-bottom: 2em;
}
.mb__service .p__service-cnt .cnt ul li {
  position: relative;
  padding-left: 1.75em;
}
.mb__service .p__service-cnt .cnt ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.05em;
  display: block;
  width: 1.25em;
  height: 1.25em;
  background: #CF1D79;
}
.mb__service .p__service-cnt .cnt ul li::after {
  content: "";
  position: absolute;
  left: 0.2em;
  top: 0.3em;
  display: block;
  width: 0.8em;
  height: 0.5em;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
}
.mb__service .p__service-cnt .cnt ul li + li {
  margin-top: 0.75em;
}
.mb__service .p__service-cnt .cnt dl {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em 0.75em;
  font-size: 0.875rem;
}
.mb__service .p__service-cnt .cnt dl + dl {
  margin-top: 0.5em;
}
.mb__service .p__service-cnt .cnt dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.25em 2em;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  background: #040924;
  border-radius: 20px;
}
.mb__service .p__service-cnt .cnt dl dd span {
  font-size: smaller;
}
.mb__service .p__service-cnt:nth-of-type(2n) .img .mark {
  transform: rotate(30deg);
}
@media (max-width: 767px) {
  .mb__service .p__service-cnt .img {
    margin-bottom: 2em;
  }
  .mb__service .p__service-cnt .img .mark {
    top: -20px;
    width: 100px;
  }
  .mb__service .p__service-cnt:nth-of-type(2n-1) .img .mark {
    left: -50px;
  }
  .mb__service .p__service-cnt:nth-of-type(2n) .img .mark {
    right: -50px;
  }
}
@media (min-width: 768px) {
  .mb__service .p__service-cnt {
    display: flex;
    gap: 45px;
  }
  .mb__service .p__service-cnt .img {
    width: 40%;
  }
  .mb__service .p__service-cnt .img .mark {
    top: -30px;
    width: 130px;
  }
  .mb__service .p__service-cnt .img .scroll {
    overflow-y: scroll;
    height: 100%;
  }
  .mb__service .p__service-cnt .img .scroll figure {
    height: 0;
  }
  .mb__service .p__service-cnt:nth-of-type(2n-1) .img .mark {
    left: -80px;
  }
  .mb__service .p__service-cnt:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  .mb__service .p__service-cnt:nth-of-type(2n) .img .mark {
    right: -80px;
  }
}

.mb__why {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: #EDF1F2;
}
.mb__why > header {
  margin-bottom: 3em;
}
.mb__why > header p {
  line-height: 1.7;
  font-size: clamp(14px, 4.7096774194px + 0.0120967742 * 100vw, 20px);
  color: #040924;
  margin-bottom: 1em;
  font-weight: 700;
}
.mb__why > header p a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__why > header p a:hover {
  text-decoration: none;
}
.mb__why > header p a::after {
  margin-right: 0.25em;
}
.mb__why > header .title strong {
  color: #CF1D79;
}
.mb__why .p__why-feature {
  width: 100%;
  padding-top: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-bottom: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-right: max(6.5vw, 2em);
  padding-left: max(6.5vw, 2em);
  margin-bottom: 4em;
  background-image: linear-gradient(to left, #324376, #CF1D79);
}
.mb__why .p__why-feature > div {
  max-width: 1080px;
  margin: 0 auto;
}
.mb__why .p__why-feature > div > section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mb__why .p__why-feature > div > section h3 {
  line-height: 1.4;
  font-size: clamp(36px, 23.6129032258px + 0.0161290323 * 100vw, 44px);
  font-weight: 700;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 0.25em;
  line-height: 1.2;
  font-size: clamp(36px, 33.8322580645px + 0.0028225806 * 100vw, 37.4px);
  text-align: center;
  color: #fff;
}
.mb__why .p__why-feature > div > section h3 strong {
  font-size: larger;
}
.mb__why .p__why-feature > div > section h3 span {
  line-height: 1.5;
  font-size: clamp(24px, 17.8064516129px + 0.0080645161 * 100vw, 28px);
  font-weight: 700;
}
.mb__why .p__why-feature > div > section h3::before {
  display: block;
  width: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0.5);
  background-color: currentColor;
  -webkit-mask: center center no-repeat;
  mask: center center no-repeat;
  -webkit-mask-image: url("/ir-individual/src/img//page/toppage/arrow-double.svg");
  mask-image: url("/ir-individual/src/img//page/toppage/arrow-double.svg");
  -webkit-mask-size: auto;
  mask-size: contain;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.mb__why .p__why-feature > div > section > div {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
}
.mb__why .p__why-feature > div > section > div p {
  line-height: 1.7;
  font-size: clamp(14px, 10.9032258065px + 0.0040322581 * 100vw, 16px);
  color: #040924;
}
.mb__why .p__why-feature > div > section > div p a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__why .p__why-feature > div > section > div p a:hover {
  text-decoration: none;
}
.mb__why .p__why-feature > div > section > div p a::after {
  margin-right: 0.25em;
}
.mb__why .p__why-feature > div > section + section {
  position: relative;
}
.mb__why .p__why-feature > div > section + section::before {
  display: block;
  width: 70px;
  height: 70px;
  color: #fff;
  background-color: currentColor;
  -webkit-mask: center center no-repeat;
  mask: center center no-repeat;
  -webkit-mask-image: url("/ir-individual/src/img//page/toppage/cross.svg");
  mask-image: url("/ir-individual/src/img//page/toppage/cross.svg");
  -webkit-mask-size: auto;
  mask-size: contain;
  content: "";
  position: absolute;
}
@media (max-width: 767px) {
  .mb__why .p__why-feature > div > section + section {
    padding-top: 90px;
    margin-top: 2em;
  }
  .mb__why .p__why-feature > div > section + section::before {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .mb__why .p__why-feature > div > section > div {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .mb__why .p__why-feature > div {
    display: flex;
    gap: 40px;
  }
  .mb__why .p__why-feature > div > section {
    flex: 1;
  }
  .mb__why .p__why-feature > div > section + section::before {
    top: 20px;
    left: -55px;
  }
  .mb__why .p__why-feature > div > section > div {
    width: 90%;
    padding: 1.5em 2em;
  }
}
.mb__why .p__why-achievement {
  max-width: 1020px;
  margin: 0 auto;
}
.mb__why .p__why-achievement h3 {
  padding: 0.25em;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(18px, 14.9032258065px + 0.0040322581 * 100vw, 20px);
  font-weight: 700;
  color: #fff;
  background: #324376;
  border-radius: 10em;
  margin-bottom: 2em;
}
.mb__why .p__why-achievement ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 1.5em;
}
@media (max-width: 767px) {
  .mb__why .p__why-achievement ul li {
    width: 40%;
    min-width: 200px;
  }
}
@media (min-width: 768px) {
  .mb__why .p__why-achievement ul li {
    flex: 1;
  }
}

.mb__flow {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: #fff;
}
.mb__flow > header {
  margin-bottom: 3em;
}
.mb__flow > div {
  max-width: 880px;
  margin: 0 auto;
}
.mb__flow > div .p__flow-example {
  display: flex;
  justify-content: center;
  gap: 2em;
  margin-bottom: 3em;
}
.mb__flow > div .p__flow-example > div {
  display: flex;
  align-items: center;
  gap: 1em;
  font-weight: 700;
  font-size: clamp(12px, 8.9032258065px + 0.0040322581 * 100vw, 14px);
}
.mb__flow > div .p__flow-example > div .mark {
  width: 70px;
  height: 2em;
  background: #040924;
}
.mb__flow > div .p__flow-example > div.client .mark {
  background: #324376;
}
.mb__flow > div .p__flow-example > div.us .mark {
  background: #CF1D79;
}
.mb__flow > div .p__flow-list li {
  display: flex;
  align-items: stretch;
  min-height: 86px;
}
.mb__flow > div .p__flow-list li .title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30%;
  padding: 1em 0.5em;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(16px, 9.8064516129px + 0.0080645161 * 100vw, 20px);
  font-weight: 700;
  color: #fff;
  background: #040924;
}
.mb__flow > div .p__flow-list li .title::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: -10px;
  width: 30px;
  height: 11px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #040924;
}
.mb__flow > div .p__flow-list li .desc {
  line-height: 1.7;
  font-size: clamp(14px, 10.9032258065px + 0.0040322581 * 100vw, 16px);
  color: #040924;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1em 1.25em;
  background: #EDF1F2;
}
.mb__flow > div .p__flow-list li .desc a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__flow > div .p__flow-list li .desc a:hover {
  text-decoration: none;
}
.mb__flow > div .p__flow-list li .desc a::after {
  margin-right: 0.25em;
}
.mb__flow > div .p__flow-list li.client .title {
  background: #324376;
}
.mb__flow > div .p__flow-list li.client .title::after {
  background: #324376;
}
.mb__flow > div .p__flow-list li.us .title {
  background: #CF1D79;
}
.mb__flow > div .p__flow-list li.us .title::after {
  background: #CF1D79;
}
.mb__flow > div .p__flow-list li.both .title {
  background-image: linear-gradient(to right, #324376, #CF1D79);
}
.mb__flow > div .p__flow-list li.both .title::after {
  background: #7F2F77;
}
.mb__flow > div .p__flow-list li + li {
  margin-top: 15px;
}
.mb__flow > div .p__flow-list li:last-child .title::after {
  display: none;
}

.mb__faq {
  width: 100%;
  padding-top: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-bottom: clamp(45px, -40.1612903226px + 0.1108870968 * 100vw, 100px);
  padding-right: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  padding-left: clamp(15px, -116.6129032258px + 0.1713709677 * 100vw, 100px);
  background: #EDF1F2;
}
.mb__faq > header {
  margin-bottom: 3em;
}
.mb__faq .p__faq-cnt {
  max-width: 880px;
  padding-top: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-bottom: clamp(30px, -16.4516129032px + 0.060483871 * 100vw, 60px);
  padding-right: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  padding-left: clamp(30px, -78.3870967742px + 0.1411290323 * 100vw, 100px);
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
}
.mb__faq .p__faq-cnt dl dt {
  line-height: 1.5;
  font-size: clamp(20px, 13.8064516129px + 0.0080645161 * 100vw, 24px);
  font-weight: 700;
  margin-bottom: 0.5em;
}
.mb__faq .p__faq-cnt dl dd {
  line-height: 1.7;
  font-size: clamp(14px, 10.9032258065px + 0.0040322581 * 100vw, 16px);
  color: #040924;
}
.mb__faq .p__faq-cnt dl dd a {
  text-decoration: underline;
  color: #0045B4;
}
.mb__faq .p__faq-cnt dl dd a:hover {
  text-decoration: none;
}
.mb__faq .p__faq-cnt dl dd a::after {
  margin-right: 0.25em;
}
.mb__faq .p__faq-cnt dl + * {
  padding-top: 1.5em;
  margin-top: 1.5em;
  border-top: 1px solid rgb(172.1144859813, 187.535046729, 200.3855140187);
}