:root {
  --color-orange: #ffa454;
  --color-blue: #307ef3;
  --bg-color: #fce3cf;
}

.wrapper {
  margin-left: 10%;
  margin-right: 10%;
}

@media screen and (max-width: 768px) {
  .wrapper {
    margin: 5%;
  }
}

.p-first-view {
  background: #fafafa;
  padding: 180px 0 90px;
}

@media screen and (max-width: 768px) {
  .p-first-view {
    padding-top: 90px;
  }
}

.p-first-view__title {
  font-size: clamp(28px, calc(5.778px + 2.222vw), 48px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #000;
  color: #fafafa;
  margin: 0 auto 20px;
  padding: 0 2em;
}

@media screen and (max-width: 768px) {
  .p-first-view__title {
    font-size: 24px;
  }
}

.p-first-view__text {
  font-size: clamp(20px, calc(-0.282px + 1.69vw), 32px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .p-first-view__text {
    font-size: 14px;
  }
}

.p-point {
  padding: 90px 0;
  background: #fbe4d0;
}

@media screen and (max-width: 768px) {
  .p-point {
    padding: 40px 0;
  }
}

.p-point__heading {
  border-left: 10px solid #838383;
  margin-bottom: 20px;
  padding-left: 1em;
}

.p-point__title {
  font-size: clamp(28px, calc(5.778px + 2.222vw), 48px);
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .p-point__title {
    font-size: 24px;
  }
}

.p-point__sub-title {
  font-size: clamp(18px, calc(10.709px + 0.949vw), 28px);
}

@media screen and (max-width: 768px) {
  .p-point__sub-title {
    font-size: 14px;
  }
}

.p-point__content {
  margin: 50px 0 100px;
}

.p-youken {
  background-image: url(../img/youken-back.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 90px 0;
}

@media screen and (max-width: 768px) {
  .p-youken {
    padding: 40px 0;
  }
}

.p-youken__title {
  font-size: clamp(32px, calc(5.333px + 2.667vw), 56px);
}

@media screen and (max-width: 768px) {
  .p-youken__title {
    font-size: 24px;
  }
}

.p-youken__text {
  font-size: clamp(20px, calc(-0.282px + 1.69vw), 32px);
}

@media screen and (max-width: 768px) {
  .p-youken__text {
    font-size: 14px;
  }
}

.p-youken__content {
  margin-top: 50px;
}

.p-youken__content-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .p-youken__content-box {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.p-breach {
  padding: 90px 0;
}

@media screen and (max-width: 768px) {
  .p-breach {
    padding: 40px 0;
  }
}

.p-breach__title {
  font-size: clamp(32px, calc(5.333px + 2.667vw), 56px);
  border-bottom: 5px solid #000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
  .p-breach__title {
    font-size: 24px;
  }
}

.p-breach__text {
  font-size: clamp(20px, calc(-0.282px + 1.69vw), 32px);
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .p-breach__text {
    font-size: 14px;
  }
}

.p-breach__subtitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  padding: 0 2em;
  background: #838383;
  font-size: clamp(32px, calc(5.333px + 2.667vw), 56px);
  margin-top: 3em;
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  .p-breach__subtitle {
    font-size: 24px;
  }
}
/*# sourceMappingURL=about-investment-advisory.css.map */