@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
.contents {
  overflow-x: hidden;
  color: #1e1e1e;
  font-family: "Noto Sans JP", serif;
  /* -------------------
  INTRO
  ---------------------*/
  /* -------------------
  PROBLEM
  ---------------------*/
  /* -------------------
  TECHNOLOGY
  ---------------------*/
  /* -------------------
  FUNCTION
  ---------------------*/
  /* -------------------
  HOWTO
  ---------------------*/
  /* -------------------
  FBIA
  ---------------------*/
}
.contents img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.contents a {
  text-decoration: none;
}
.contents sup {
  font-size: 60%;
}
.contents *,
.contents *::before,
.contents *::after {
  box-sizing: border-box;
}
.contents .c-ttl {
  text-align: center;
}
.contents .c-ttl img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
@media screen and (min-width: 767px) {
  .contents .c-ttl img {
    height: 17.5px;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .c-ttl img {
    height: 1.4112903226vw;
    margin-bottom: 2.1774193548vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .c-ttl img {
    height: 3.1984334204vw;
    margin-bottom: 7.180156658vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .c-ttl-txt {
    font-size: 24px;
    line-height: 2.0416666667;
    letter-spacing: 0.06em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .c-ttl-txt {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .c-ttl-txt {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .c-txt {
    font-size: 15px;
    line-height: 1.8666666667;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .c-txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .c-txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 2.0666666667;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .c-note {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .c-note {
    font-size: 0.8870967742vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .c-note {
    font-size: calc(40 / 1532 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro {
    margin: 120px 0 70px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro {
    margin: 9.6774193548vw 0 5.6451612903vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro {
    margin: 13.7075718016vw 0;
  }
}
.contents .p-intro__inner {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 767px) {
  .contents .p-intro__inner {
    margin: 0 auto;
    max-width: 1188px;
    column-gap: 104px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__inner {
    max-width: 95.8064516129vw;
    column-gap: 8.3870967742vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__inner {
    flex-direction: column;
    row-gap: 5.8746736292vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro__img {
    width: 594px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__img {
    width: 47.9032258065vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__img {
    width: 100%;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__text {
    max-width: 86.4229765013vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro__text-ttl {
    font-size: 24px;
    line-height: 2.0416666667;
    letter-spacing: 0.14em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__text-ttl {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__text-ttl {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1.625;
    letter-spacing: 0.14em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro__text-ttl {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__text-ttl {
    margin-bottom: 2.5806451613vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__text-ttl {
    margin-bottom: 4.6997389034vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro__text-txt {
    font-size: 15px;
    line-height: 2.4;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__text-txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__text-txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 2.0666666667;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro__text-note {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__text-note {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__text-note {
    font-size: calc(50 / 1532 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-intro__text-note {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-intro__text-note {
    margin-top: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-intro__text-note {
    margin-top: 7.180156658vw;
  }
}
.contents .p-problem {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 767px) {
  .contents .p-problem {
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem {
    margin-bottom: 6.0483870968vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem {
    margin-bottom: 26.1096605744vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-problem__ttl {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__ttl {
    margin-bottom: 1.935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__ttl {
    margin-bottom: 5.8746736292vw;
  }
}
.contents .p-problem__lead {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__lead {
    font-size: 19px;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__lead {
    font-size: 1.5322580645vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__lead {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1.5428571429;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-problem__lead {
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__lead {
    margin-bottom: 2.9032258065vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__lead {
    margin-bottom: 4.4386422977vw;
  }
}
.contents .p-problem__wrap {
  display: flex;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__wrap {
    justify-content: center;
    column-gap: 17.5px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__wrap {
    column-gap: 1.4112903226vw;
    margin-bottom: 8.064516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__wrap {
    flex-direction: column;
    align-items: center;
    row-gap: 5.8746736292vw;
    margin-bottom: 15.0130548303vw;
  }
}
.contents .p-problem__item {
  border: 1px solid #000;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item {
    padding: 30px 16px;
    width: 400px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item {
    padding: 2.4193548387vw 1.2903225806vw;
    width: 32.2580645161vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item {
    width: 86.4229765013vw;
    padding: 7.180156658vw 3.2637075718vw;
  }
}
.contents .p-problem__item-ttl {
  text-align: center;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-ttl {
    font-size: 21px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-ttl {
    font-size: 1.6935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-ttl {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-ttl {
    padding-bottom: 14px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-ttl {
    padding-bottom: 1.1290322581vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-ttl {
    padding-bottom: 3.2637075718vw;
    margin-bottom: 6.5274151436vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-list {
    margin-bottom: 24px;
    padding-left: 5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-list {
    margin-bottom: 1.935483871vw;
    padding-left: 0.4032258065vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-list {
    padding-left: 0.9791122715vw;
    margin-bottom: 5.2219321149vw;
  }
}
.contents .p-problem__item-list li {
  position: relative;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-list li {
    font-size: 18px;
    line-height: 1.7222222222;
    letter-spacing: 0.13em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-list li {
    font-size: 1.4516129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-list li {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 1.7;
    letter-spacing: 0.13em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-list li {
    padding-left: 21px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-list li {
    padding-left: 1.6935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-list li {
    padding-left: 4.5691906005vw;
  }
}
.contents .p-problem__item-list li::before, .contents .p-problem__item-list li::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}
.contents .p-problem__item-list li::before {
  left: 0;
  border: 1px solid #1e1e1e;
  transform: translateY(-50%);
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-list li::before {
    width: 12.5px;
    height: 12.5px;
    left: 1.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-list li::before {
    width: 1.0080645161vw;
    height: 1.0080645161vw;
    left: 0.1209677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-list li::before {
    width: 2.9373368146vw;
    height: 2.9373368146vw;
    left: 0.3916449086vw;
  }
}
.contents .p-problem__item-list li::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/ic-check.png);
  transform: translateY(-60%);
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-list li::after {
    width: 17.5px;
    height: 14px;
    left: 2.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-list li::after {
    width: 1.4112903226vw;
    height: 1.1290322581vw;
    left: 0.2016129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-list li::after {
    width: 3.7206266319vw;
    height: 2.8720626632vw;
    left: 0.5221932115vw;
  }
}
.contents .p-problem__item-txt {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__item-txt {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__item-txt {
    font-size: 1.4516129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__item-txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-problem__subttl {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__subttl {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__subttl {
    margin-bottom: 3.9164490862vw;
  }
}
.contents .p-problem__text {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__note {
    text-align: center;
    margin-top: 12px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__note {
    margin-top: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__note {
    padding-left: 6.3968668407vw;
    margin-top: 9.7911227154vw;
  }
}
.contents .p-problem__img {
  display: flex;
}
@media screen and (min-width: 767px) {
  .contents .p-problem__img {
    margin: 40px auto 0;
    width: 750px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-problem__img {
    margin-top: 3.2258064516vw;
    width: 60.4838709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-problem__img {
    margin-top: 6.5274151436vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology {
    margin-bottom: 22.1932114883vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__bg {
    background-color: rgba(184, 210, 233, 0.2);
    padding: 100px 0 140px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__bg {
    padding: 8.064516129vw 0 11.2903225806vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__ttl {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__ttl {
    margin-bottom: 3.6290322581vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__ttl {
    margin-bottom: 10.4438642298vw;
  }
}
.contents .p-technology__top {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top {
    margin-bottom: 125px;
    max-width: 750px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top {
    margin-bottom: 10.0806451613vw;
    max-width: 60.4838709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top {
    max-width: 86.4229765013vw;
    margin-bottom: 14.3603133159vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-ttl {
    font-size: 22px;
    line-height: 1.9318181818;
    letter-spacing: 0.12em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-ttl {
    font-size: 1.7741935484vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-ttl {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1.7714285714;
    letter-spacing: 0.04em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-ttl {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-ttl {
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-ttl {
    margin-bottom: 3.1331592689vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-subttl {
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-subttl {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-subttl {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1.7714285714;
    letter-spacing: 0.04em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-subttl {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-subttl {
    margin-bottom: 0.8064516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-subttl {
    margin-bottom: 3.1331592689vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-txt {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-txt {
    margin-bottom: 4.0322580645vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-txt {
    margin-bottom: 4.5691906005vw;
  }
}
.contents .p-technology__top-box {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-box.box01 {
    margin-bottom: 85px;
    padding: 62px 0;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-box.box01 {
    margin-bottom: 6.8548387097vw;
    padding: 5vw 0;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-box.box01 {
    padding: 9.6605744125vw 0;
    margin-bottom: 12.4020887728vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-box.box01 img {
    width: 579px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-box.box01 img {
    width: 46.6935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-box.box01 img {
    width: 81.6579634465vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-box.box02 {
    padding: 50px 0;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-box.box02 {
    padding: 4.0322580645vw 0;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-box.box02 {
    padding: 9.0078328982vw 0;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__top-box.box02 img {
    width: 682px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__top-box.box02 img {
    width: 55vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__top-box.box02 img {
    width: 75.2610966057vw;
  }
}
.contents .p-technology__box {
  position: relative;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box {
    width: 962px;
    margin-bottom: 140px;
    padding: 115px 0 124px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box {
    width: 77.5806451613vw;
    margin-bottom: 11.2903225806vw;
    padding: 9.2741935484vw 0 10vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box {
    width: 86.4229765013vw;
    margin-bottom: 11.7493472585vw;
  }
}
.contents .p-technology__box::before, .contents .p-technology__box::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
.contents .p-technology__box::before {
  background-image: url(../img/im-bubble-deco01.png);
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box::before {
    width: 196.5px;
    height: 212px;
    left: -71px;
    top: -60px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box::before {
    width: 15.8467741935vw;
    height: 17.0967741935vw;
    left: -5.7258064516vw;
    top: -4.8387096774vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box::before {
    width: 25.7180156658vw;
    height: 27.6109660574vw;
    top: -25.8485639687vw;
    left: -13.0548302872vw;
  }
}
.contents .p-technology__box::after {
  background-image: url(../img/im-bubble-deco02.png);
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box::after {
    width: 176.5px;
    height: 136px;
    right: -54.5px;
    top: -26px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box::after {
    width: 14.2338709677vw;
    height: 10.9677419355vw;
    right: -4.3951612903vw;
    top: -2.0967741935vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box::after {
    width: 23.0417754569vw;
    height: 17.7545691906vw;
    top: -22.6501305483vw;
    right: -2.1540469974vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-ttl {
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-ttl {
    margin-bottom: 2.9032258065vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-ttl {
    margin-bottom: 4.1775456919vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-ttl .c-ttl-txt {
    letter-spacing: 0.18em;
  }
}
.contents .p-technology__box-lead {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-lead {
    letter-spacing: 0.06em;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-lead {
    margin-bottom: 8.064516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-lead {
    margin-bottom: 16.9712793734vw;
  }
}
.contents .p-technology__box-item {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item:not(:last-of-type) {
    margin-bottom: 105px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item:not(:last-of-type) {
    margin-bottom: 8.4677419355vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item.washing img, .contents .p-technology__box-item.suction img {
    width: 700px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item.washing img, .contents .p-technology__box-item.suction img {
    width: 56.4516129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item.washing img, .contents .p-technology__box-item.suction img {
    width: 100%;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item.washing {
    margin-bottom: 22.8459530026vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item.suction {
    margin-bottom: 30.0261096606vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item.bubble {
    margin-bottom: 13.0548302872vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item.bubble img {
    width: 467.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item.bubble img {
    width: 37.7016129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item.bubble img {
    width: 69.9738903394vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item.cavitation img {
    width: 750px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item.cavitation img {
    width: 60.4838709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item.cavitation img {
    width: 79.634464752vw;
  }
}
.contents .p-technology__box-item .ttl {
  position: relative;
  z-index: 1;
  color: #5a5a5a;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .ttl {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .ttl {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .ttl {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .ttl {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .ttl {
    margin-bottom: 5.2419354839vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .ttl {
    margin-bottom: 15.0130548303vw;
  }
}
.contents .p-technology__box-item .ttl::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/im-bubble-ttldeco.png);
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .ttl::before {
    left: 52.8%;
    width: 184.5px;
    height: 129.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .ttl::before {
    width: 14.8790322581vw;
    height: 10.4435483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .ttl::before {
    left: 56.6%;
    width: 41.318537859vw;
    height: 28.9817232376vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .ttl02 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .ttl02 {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .ttl02 {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1.625;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .ttl02 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .ttl02 {
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .ttl02 {
    margin-bottom: 2.6109660574vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .txt {
    font-size: 17px;
    line-height: 1.7647058824;
    letter-spacing: 0.06em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .txt {
    font-size: 1.3709677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .txt {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1.7714285714;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .txt {
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .txt {
    margin-bottom: 1.6935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .txt {
    margin-bottom: 6.5274151436vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .txt02 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .txt02 {
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .txt02 {
    margin-bottom: 2.6109660574vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .notes {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .notes {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .notes {
    font-size: calc(50 / 1532 * 100vw);
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__box-item .notes {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__box-item .notes {
    margin-top: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__box-item .notes {
    text-align: left;
    margin-top: 3.5248041775vw;
    padding-left: 8.681462141vw;
  }
}
.contents .p-technology__evidence-ttl {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-ttl {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-ttl {
    margin-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-ttl {
    margin-bottom: 6.5274151436vw;
  }
}
.contents .p-technology__evidence-ttl img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-ttl img {
    width: 151.5px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-ttl img {
    margin-bottom: 1.4516129032vw;
    width: 12.2177419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-ttl img {
    width: 27.8067885117vw;
    margin-bottom: 4.6997389034vw;
  }
}
.contents .p-technology__evidence-ttl .txt {
  display: block;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-ttl .txt {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-ttl .txt {
    font-size: 1.4516129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-ttl .txt {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.contents .p-technology__evidence-box {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box {
    padding: 60px 0 70px;
    width: 962px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box {
    padding: 4.8387096774vw 0 5.6451612903vw;
    width: 77.5806451613vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box {
    padding: 10.4438642298vw 0 7.8328981723vw;
    width: 86.4229765013vw;
  }
}
.contents .p-technology__evidence-box::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box::before {
    border: 10px solid rgba(184, 210, 233, 0.28);
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box::before {
    border: 0.8064516129vw solid rgba(184, 210, 233, 0.28);
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box::before {
    border: 1.3054830287vw solid rgba(184, 210, 233, 0.28);
  }
}
.contents .p-technology__evidence-box .ttl {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .ttl {
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.22em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .ttl {
    font-size: 1.3709677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .ttl {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .ttl {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .ttl {
    margin-bottom: 0.8064516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .ttl {
    margin-bottom: 2.6109660574vw;
  }
}
.contents .p-technology__evidence-box .txt {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .txt {
    letter-spacing: 0.16em;
    margin-bottom: 22.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .txt {
    margin-bottom: 1.814516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .txt {
    margin-bottom: 4.6997389034vw;
  }
}
.contents .p-technology__evidence-box .graph {
  display: flex;
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .graph {
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 92px;
    column-gap: 33px;
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .graph {
    padding-right: 7.4193548387vw;
    column-gap: 2.6612903226vw;
    margin-bottom: 4.435483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .graph {
    flex-direction: column;
    align-items: center;
    row-gap: 8.9425587467vw;
    margin-bottom: 8.4856396867vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .graph-img {
    width: 454.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .graph-img {
    width: 36.6532258065vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .graph-img {
    width: 53.0026109661vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .graph-legend {
    width: 120px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .graph-legend {
    width: 9.6774193548vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .graph-legend {
    width: 36.684073107vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .notes {
    font-size: 12px;
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-technology__evidence-box .notes {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .notes {
    font-size: calc(50 / 1532 * 100vw);
    line-height: 1.8;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-technology__evidence-box .notes {
    text-align: center;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-technology__evidence-box .notes {
    padding: 0 8.4856396867vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function {
    padding: 72.5px 0 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function {
    padding: 5.8467741935vw 0 8.064516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function {
    margin-bottom: 16.318537859vw;
  }
}
.contents .p-function__intro {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro {
    margin: 0 auto 140px;
    max-width: 1188px;
    column-gap: 102px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro {
    margin-bottom: 11.2903225806vw;
    max-width: 95.8064516129vw;
    column-gap: 8.2258064516vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro {
    flex-direction: column;
    background-color: #f6f7fa;
    row-gap: 6.4621409922vw;
    padding-bottom: 7.8328981723vw;
    margin-bottom: 16.9712793734vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-img {
    width: 594px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-img {
    width: 47.9032258065vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-img {
    width: 100%;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text {
    max-width: 86.4229765013vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-text img {
    width: 401.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-text img {
    width: 32.3790322581vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text img {
    width: 100%;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-text .ttl {
    font-size: 24px;
    line-height: 2.0416666667;
    letter-spacing: 0.14em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-text .ttl {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text .ttl {
    font-size: calc(86 / 1532 * 100vw);
    line-height: 1.7441860465;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-text .ttl {
    margin-top: 24px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-text .ttl {
    margin-top: 1.935483871vw;
    margin-bottom: 2.5806451613vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text .ttl {
    margin-top: 7.8328981723vw;
    margin-bottom: 4.6997389034vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-text .txt {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-text .txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text .txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 2.0666666667;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-text .note {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-text .note {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text .note {
    font-size: calc(50 / 1532 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__intro-text .note {
    margin-top: 27px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__intro-text .note {
    margin-top: 2.1774193548vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__intro-text .note {
    margin-top: 7.180156658vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-ttl {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-ttl {
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-ttl .c-ttl-txt {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 2;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-ttl .c-ttl-txt .large {
    font-size: 30px;
    line-height: 1.6333333333;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-ttl .c-ttl-txt .large {
    font-size: 2.4193548387vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-ttl .c-ttl-txt .large {
    font-size: calc(90 / 1532 * 100vw);
    line-height: 1.5555555556;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-product {
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-product {
    margin-bottom: 10.4838709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-product {
    margin-bottom: 18.0156657963vw;
  }
}
.contents .p-function__main-product .img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-product .img {
    width: 302px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-product .img {
    width: 24.3548387097vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-product .img {
    width: 49.6736292428vw;
  }
}
.contents .p-function__main-product .list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-product .list {
    column-gap: 36.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-product .list {
    column-gap: 2.9435483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-product .list {
    column-gap: 1.501305483vw;
  }
}
.contents .p-function__main-product .list-item {
  position: relative;
  background-color: #e7ecf7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-product .list-item {
    width: 213px;
    height: 213px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-product .list-item {
    width: 17.1774193548vw;
    height: 17.1774193548vw;
    padding-top: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-product .list-item {
    width: 27.8067885117vw;
    height: 27.8067885117vw;
    padding-top: 1.9582245431vw;
  }
}
.contents .p-function__main-product .list-item-num {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-product .list-item-num {
    top: -6px;
    height: 47.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-product .list-item-num {
    top: -0.4838709677vw;
    height: 3.8306451613vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-product .list-item-num {
    top: -0.7832898172vw;
    height: 6.2663185379vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-product .list-item-txt {
    font-size: 23px;
    line-height: 1.5217391304;
    letter-spacing: -0.03em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-product .list-item-txt {
    font-size: 1.8548387097vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-product .list-item-txt {
    font-size: calc(46 / 1532 * 100vw);
    line-height: 1.5217391304;
    letter-spacing: -0.03em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-list {
    margin-bottom: 105px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-list {
    margin-bottom: 8.4677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-list {
    margin-bottom: 15.6657963446vw;
  }
}
.contents .p-function__main-item {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item:not(:last-of-type) {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item:not(:last-of-type) {
    margin-bottom: 8.064516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item:not(:last-of-type) {
    margin-bottom: 15.6657963446vw;
  }
}
.contents .p-function__main-item .num {
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .num {
    height: 43px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .num {
    height: 3.4677419355vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .num {
    height: 11.227154047vw;
    margin-bottom: 6.5274151436vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .ttl {
    font-size: 20px;
    line-height: 2.4;
    letter-spacing: 0.16em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .ttl {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .ttl {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1.625;
    letter-spacing: 0.08em;
    font-weight: 700;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .ttl {
    margin-bottom: 2.6109660574vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .txt {
    font-size: 15px;
    line-height: 2.1333333333;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 2.0666666667;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .txt {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .txt {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .txt {
    margin-bottom: 5.2219321149vw;
  }
}
.contents .p-function__main-item .img01wrap {
  display: flex;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .img01wrap {
    justify-content: center;
    align-items: flex-start;
    column-gap: 94.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .img01wrap {
    column-gap: 7.6209677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .img01wrap {
    flex-direction: column;
    row-gap: 7.2454308094vw;
    padding-left: 20.5613577023vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .img01-1 {
    width: 236px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .img01-1 {
    width: 19.0322580645vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .img01-1 {
    width: 61.4882506527vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .img01-2 {
    width: 207.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .img01-2 {
    width: 16.7338709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .img01-2 {
    width: 54.1122715405vw;
  }
}
.contents .p-function__main-item .img02wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .img02wrap {
    justify-content: center;
    column-gap: 63.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .img02wrap {
    column-gap: 5.1209677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .img02wrap {
    flex-direction: column;
    row-gap: 6.2663185379vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .img02 {
    width: 280.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .img02 {
    width: 22.6209677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .img02 {
    width: 59.7911227154vw;
  }
}
.contents .p-function__main-item .level {
  display: flex;
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .level {
    justify-content: center;
  }
}
.contents .p-function__main-item .level-item {
  background-color: #d7e1f6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .level-item {
    width: 188px;
    height: 105px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .level-item {
    width: 15.1612903226vw;
    height: 8.4677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .level-item {
    width: 31.2010443864vw;
    height: 17.2976501305vw;
  }
}
.contents .p-function__main-item .level-item:first-of-type {
  clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.contents .p-function__main-item .level-item:not(:first-of-type) {
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .level-item:not(:first-of-type) {
    margin-left: -15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .level-item:not(:first-of-type) {
    margin-left: -1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .level-item:not(:first-of-type) {
    margin-left: -2.6109660574vw;
  }
}
.contents .p-function__main-item .level-item:last-of-type .level-item-txt {
  letter-spacing: -0.06em;
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .level-item-ttl {
    font-size: 18px;
    line-height: 1.4722222222;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .level-item-ttl {
    font-size: 1.4516129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .level-item-ttl {
    font-size: calc(46 / 1532 * 100vw);
    line-height: 1.4565217391;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .level-item-txt {
    font-size: 17px;
    line-height: 1.3823529412;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .level-item-txt {
    font-size: 1.3709677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .level-item-txt {
    font-size: calc(44 / 1532 * 100vw);
    line-height: 1.5227272727;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__main-item .img03 {
    width: 550px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__main-item .img03 {
    width: 44.3548387097vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__main-item .img03 {
    width: 86.4229765013vw;
  }
}
.contents .p-function__bottom-ttl {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-ttl {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-weight: 500;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-ttl {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-ttl {
    font-size: calc(80 / 1532 * 100vw);
    line-height: 1.625;
    letter-spacing: 0.08em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-ttl {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-ttl {
    margin-bottom: 3.6290322581vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-ttl {
    margin-bottom: 5.8746736292vw;
  }
}
.contents .p-function__bottom-wrap {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-wrap {
    max-width: 962px;
    column-gap: 83px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-wrap {
    max-width: 77.5806451613vw;
    column-gap: 6.6935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-wrap {
    flex-direction: column;
    row-gap: 7.8328981723vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-img {
    width: 416.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-img {
    width: 33.5887096774vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-img {
    width: 100%;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-text {
    width: 100%;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-text .txt {
    font-size: 15px;
    line-height: 2.3;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-text .txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-text .txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 2;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-text .txt {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-text .txt {
    margin-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-text .txt {
    text-align: center;
    margin-bottom: 6.5274151436vw;
  }
}
.contents .p-function__bottom-text .list {
  display: flex;
}
.contents .p-function__bottom-text .list-item {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-text .list-item {
    width: 133px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-text .list-item {
    width: 10.7258064516vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-text .list-item {
    width: 33.3333333%;
  }
}
.contents .p-function__bottom-text .list-item-txt {
  display: block;
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-text .list-item-txt {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-text .list-item-txt {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-text .list-item-txt {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-function__bottom-text .list-item-txt {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-function__bottom-text .list-item-txt {
    margin-top: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-function__bottom-text .list-item-txt {
    margin-top: 3.1331592689vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-howto {
    margin-bottom: 83px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto {
    margin-bottom: 6.6935483871vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto {
    margin-bottom: 7.3107049608vw;
  }
}
.contents .p-howto__inner {
  margin: 0 auto;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__inner {
    max-width: 463.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__inner {
    max-width: 37.3790322581vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__inner {
    max-width: 86.4229765013vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item:not(:last-of-type) {
    margin-bottom: 85px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item:not(:last-of-type) {
    margin-bottom: 6.8548387097vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item:not(:last-of-type) {
    margin-bottom: 13.0548302872vw;
  }
}
.contents .p-howto__item-ttl {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-ttl {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-ttl {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-ttl {
    margin-bottom: 4.8955613577vw;
  }
}
.contents .p-howto__item-ttl img {
  display: block;
  margin: 0 auto;
  width: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-ttl img {
    height: 14.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-ttl img {
    height: 1.1693548387vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-ttl img {
    height: 3.1984334204vw;
  }
}
.contents .p-howto__item-ttl .txt {
  display: block;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-ttl .txt {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-ttl .txt {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-ttl .txt {
    font-size: calc(70 / 1532 * 100vw);
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-ttl .txt {
    margin-top: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-ttl .txt {
    margin-top: 1.4516129032vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-ttl .txt {
    margin-top: 3.9164490862vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-slider {
    padding-bottom: 73.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-slider {
    padding-bottom: 5.9274193548vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-slider {
    padding-bottom: 13.7075718016vw;
  }
}
.contents .p-howto__item-slider .swiper-pagination {
  display: flex;
  justify-content: center;
  top: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-slider .swiper-pagination {
    column-gap: 24px;
    bottom: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-slider .swiper-pagination {
    column-gap: 1.935483871vw;
    bottom: 1.2903225806vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-slider .swiper-pagination {
    column-gap: 4.4386422977vw;
    bottom: 3.9164490862vw;
  }
}
.contents .p-howto__item-slider .swiper-pagination .swiper-pagination-bullet {
  opacity: 0.2;
  margin: 0;
  background-color: #000;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-slider .swiper-pagination .swiper-pagination-bullet {
    width: 18.5px;
    height: 18.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-slider .swiper-pagination .swiper-pagination-bullet {
    width: 1.4919354839vw;
    height: 1.4919354839vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-slider .swiper-pagination .swiper-pagination-bullet {
    width: 3.1331592689vw;
    height: 3.1331592689vw;
  }
}
.contents .p-howto__item-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.contents .p-howto__item-slider .swiper-button-prev,
.contents .p-howto__item-slider .swiper-button-next {
  position: absolute;
  top: auto;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/ic-prev.jpg);
  margin-top: 0;
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-slider .swiper-button-prev,
  .contents .p-howto__item-slider .swiper-button-next {
    width: 52.5px;
    height: 52.5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-slider .swiper-button-prev,
  .contents .p-howto__item-slider .swiper-button-next {
    width: 4.2338709677vw;
    height: 4.2338709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-slider .swiper-button-prev,
  .contents .p-howto__item-slider .swiper-button-next {
    width: 9.7911227154vw;
    height: 9.7911227154vw;
  }
}
.contents .p-howto__item-slider .swiper-button-prev::after,
.contents .p-howto__item-slider .swiper-button-next::after {
  display: none;
}
.contents .p-howto__item-slider .swiper-button-prev {
  left: 0;
}
.contents .p-howto__item-slider .swiper-button-next {
  right: 0;
  transform: scale(-1, 1);
}
.contents .p-howto__item-movie {
  position: relative;
  cursor: pointer;
}
.contents .p-howto__item-movie::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/ic-play.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 767px) {
  .contents .p-howto__item-movie::before {
    width: 69px;
    height: 69px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-howto__item-movie::before {
    width: 5.564516129vw;
    height: 5.564516129vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-howto__item-movie::before {
    width: 14.0992167102vw;
    height: 14.0992167102vw;
  }
}
.contents .p-fbia {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) {
  .contents .p-fbia {
    max-width: 962px;
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia {
    max-width: 77.5806451613vw;
    margin-bottom: 7.6612903226vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia {
    max-width: 86.4229765013vw;
    margin-bottom: 11.7493472585vw;
  }
}
.contents .p-fbia__box {
  border: 1px solid #d4d2cc;
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__box {
    display: flex;
    align-items: center;
    padding: 23.5px 22.5px 20px;
    column-gap: 39px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__box {
    padding: 1.8951612903vw 1.814516129vw 1.6129032258vw;
    column-gap: 3.1451612903vw;
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__box {
    position: relative;
    padding: 4.046997389vw 4.3080939948vw 3.5248041775vw;
    margin-bottom: 3.1331592689vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__box img {
    width: 99px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__box img {
    width: 7.9838709677vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__box img {
    width: 19.4516971279vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__box .ttl {
    font-size: 17px;
    line-height: 1.7647058824;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__box .ttl {
    font-size: 1.3709677419vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__box .ttl {
    font-size: calc(60 / 1532 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__box .ttl {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__box .ttl {
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__box .ttl {
    position: absolute;
    top: 3.9164490862vw;
    left: 28.0026109661vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__box .txt {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__box .txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__box .txt {
    font-size: calc(50 / 1532 * 100vw);
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__box .txt {
    margin-top: 3.1331592689vw;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__text {
    font-size: 12px;
    line-height: 1.6666666667;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__text {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__text {
    font-size: calc(38 / 1532 * 100vw);
    line-height: 1.6052631579;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__note {
    font-size: 9px;
    line-height: 2.3333333333;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__note {
    font-size: 0.7258064516vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__note {
    font-size: calc(30 / 1532 * 100vw);
    line-height: 2.1333333333;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .contents .p-fbia__note {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 767px) {
  .contents .p-fbia__note {
    margin-top: 1.2096774194vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .p-fbia__note {
    margin-top: 2.6109660574vw;
  }
}
@media screen and (max-width: 766px) {
  .contents .is-pc {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .contents .is-sp {
    display: none;
  }
}