@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Serif+JP:wght@200..900&display=swap");
.nox {
  background: #000 url(../../img/nox/fv/bg.jpg) no-repeat left clamp(1px, 17.8666666667vw, 134px);
  background-size: 100% auto;
}
.nox .p-idx-floating a {
  text-shadow: 0 clamp(1px, 0.2666666667vw, 2px) clamp(1px, 0.5333333333vw, 4px) rgba(0, 0, 0, 0.5);
}
.nox .p-idx-floating a.taiken {
  background: linear-gradient(120deg, #0076bc 20%, #32adc6 80%);
}
.nox__fv {
  width: 100%;
  padding-bottom: clamp(1px, 15.6vw, 117px);
  position: relative;
  z-index: 1;
}
.nox__fv__header__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(1px, 5.6vw, 42px);
  font-weight: 700;
  font-size: clamp(1px, 3.0356133333vw, 22.7671px);
  letter-spacing: 0.05em;
  background: linear-gradient(90deg, #0076bc, #32adc6);
  text-align: center;
  color: #fff;
}
.nox__fv__header__logo {
  width: clamp(1px, 30.7654666667vw, 230.741px);
  margin: clamp(1px, 14.9333333333vw, 112px) auto clamp(1px, 11.0666666667vw, 83px);
}
.nox__fv__lead__main {
  width: clamp(1px, 89.2092vw, 669.069px);
  margin: 0 auto clamp(1px, 4.2666666667vw, 32px);
}
.nox__fv__lead__sub {
  font-weight: 500;
  font-size: clamp(1px, 3.2vw, 24px);
  text-align: center;
}
.nox__fv__img {
  margin-bottom: clamp(1px, 6.6666666667vw, 50px);
}
.nox__fv__img__photo {
  width: clamp(1px, 86.9333333333vw, 652px);
  margin: max(-14.6666666667vw, -110px) auto max(-2.6666666667vw, -20px);
}
.nox__fv__img__txt {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 16.288vw, 122.16px);
  line-height: clamp(1px, 13.3333333333vw, 100px);
  -webkit-text-stroke: clamp(1px, 0.2666666667vw, 2px) #fff;
  text-stroke: clamp(1px, 0.2666666667vw, 2px) #fff;
  text-align: center;
  color: rgba(255, 255, 255, 0);
  letter-spacing: 0.05em;
}
.nox__fv__box {
  position: relative;
  margin-inline: clamp(1px, 4.6666666667vw, 35px);
  margin-bottom: clamp(1px, 6vw, 45px);
  padding: clamp(1px, 2.6666666667vw, 20px);
}
.nox__fv__box::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-color: #000;
  border: clamp(1px, 0.4vw, 3px) solid #29abe2;
  border-radius: clamp(1px, 1.3333333333vw, 10px);
  opacity: 0.66;
  z-index: 1;
}
.nox__fv__box__txt {
  position: relative;
  font-weight: 500;
  font-size: clamp(1px, 3.4666666667vw, 26px);
  line-height: clamp(1px, 6.0853333333vw, 45.64px);
  text-align: center;
  z-index: 10;
}
.nox__fv__box__txt .strong {
  color: #32adc6;
}
.nox__fv__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(1px, 2vw, 15px);
  padding-inline: clamp(1px, 2.6666666667vw, 20px);
}
.nox__fv__list__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.nox__fv__list__item + .nox__fv__list__item {
  position: relative;
}
.nox__fv__list__item + .nox__fv__list__item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: 1px;
  height: 100%;
  background: linear-gradient(transparent 0%, #29abe2 50%, transparent 100%);
  opacity: 0.5;
}
.nox__fv__list__item .img {
  width: clamp(1px, 23.3333333333vw, 175px);
  margin-inline: auto;
  margin-bottom: clamp(1px, 3.3333333333vw, 25px);
}
.nox__fv__list__item .txt {
  margin-bottom: clamp(1px, 0.6666666667vw, 5px);
  font-size: clamp(1px, 2.1333333333vw, 16px);
  font-weight: 500;
  text-align: center;
}
.nox__fv__list__item .head {
  position: relative;
  font-size: clamp(1px, 2.6666666667vw, 20px);
  font-weight: 700;
  text-align: center;
  color: #29abe2;
}
.nox__fv__list__item .head sub {
  position: absolute;
  inset: -0.5em auto auto 100%;
  font-size: 0.5em;
  color: #fff;
  opacity: 0.58;
}
.nox__fv__notes {
  position: relative;
  margin-inline: clamp(1px, 5.3333333333vw, 40px);
  padding-left: 1em;
  font-size: clamp(1px, 1.6vw, 12px);
  opacity: 0.64;
}
.nox__fv__notes::before {
  content: "※";
  position: absolute;
  inset: 0 auto auto 0;
}
.nox__feature {
  position: relative;
  margin-bottom: clamp(1px, 18.4vw, 138px);
}
.nox__feature::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: url(../../img/nox/common/bg.png) no-repeat center top/100% auto;
  opacity: 0.8;
}
.nox__feature__section {
  position: relative;
  z-index: 2;
}
.nox__feature__header {
  background: url(../../img/nox/feature/bg_head.png) no-repeat center clamp(1px, 2.6666666667vw, 20px) / clamp(1px, 30.6666666667vw, 230px) auto;
}
.nox__feature__header__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
  line-height: 1.5;
}
.nox__feature__header__head__en {
  font-size: clamp(1px, 4.4vw, 33px);
  font-weight: 600;
  color: #29abe2;
  text-align: center;
  letter-spacing: 0.1em;
}
.nox__feature__header__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__feature__header__txt {
  font-weight: 600;
  font-size: clamp(1px, 3.2vw, 24px);
  line-height: clamp(1px, 5.6vw, 42px);
  text-align: center;
  z-index: 10;
}
.nox__feature__header__txt .strong {
  color: #29abe2;
}
.nox__feature__header__txt .sub {
  display: inline-block;
  margin-top: clamp(1px, 4.6666666667vw, 35px);
  font-weight: 500;
  color: #29abe2;
}
.nox__feature .feature1 {
  width: clamp(1px, 82.9333333333vw, 622px);
  margin-top: clamp(1px, 7.2vw, 54px);
  margin-left: clamp(1px, 10.6666666667vw, 80px);
  margin-bottom: clamp(1px, 14.4vw, 108px);
}
.nox__feature .feature2 {
  margin-top: clamp(1px, 4.8vw, 36px);
  margin-bottom: clamp(1px, 18.4vw, 138px);
}
.nox__feature .feature2__img {
  width: clamp(1px, 76.8vw, 576px);
  margin-inline: auto;
  margin-bottom: clamp(1px, 4.6666666667vw, 35px);
}
.nox__feature .feature2__txt {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 500;
  text-align: center;
  color: #999999;
}
.nox__feature .feature3 {
  margin-top: clamp(1px, 7.2vw, 54px);
  margin-right: max(-4vw, -30px);
  margin-left: max(-9.3333333333vw, -70px);
}
.nox__bg {
  position: relative;
}
.nox__bg::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  display: block;
  height: 200%;
  background: url(../../img/nox/common/bg.png) no-repeat center clamp(1px, 18.6666666667vw, 140px) / 100% auto;
  opacity: 0.8;
}
.nox__bg:has(.nox__problems)::before {
  background: url(../../img/nox/common/bg.png) no-repeat center clamp(1px, 10.6666666667vw, 80px) / 100% auto;
}
.nox__design {
  position: relative;
  margin-bottom: clamp(1px, 9.3333333333vw, 70px);
  z-index: 2;
}
.nox__design__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 8vw, 60px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
}
.nox__design__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__design__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__design__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__design__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__design__list {
  padding-inline: clamp(1px, 5.4666666667vw, 41px);
}
.nox__design__list__item {
  position: relative;
  display: flex;
  align-items: center;
  height: clamp(1px, 55.5441333333vw, 416.581px);
}
.nox__design__list__item + .nox__design__list__item {
  margin-top: max(-5.3333333333vw, -40px);
}
.nox__design__list__item__img {
  position: absolute;
  inset: 0 0 0 auto;
  width: clamp(1px, 48.1026666667vw, 360.77px);
}
.nox__design__list__item__txt {
  position: relative;
  z-index: 10;
}
.nox__design__list__item__txt .head {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 12.6666666667vw, 95px);
  line-height: clamp(1px, 11.8666666667vw, 89px);
  -webkit-text-stroke: clamp(1px, 0.16vw, 1.2px) #29abe2;
  text-stroke: clamp(1px, 0.16vw, 1.2px) #29abe2;
  text-shadow: clamp(1px, 0.1333333333vw, 1px) clamp(1px, 0.1333333333vw, 1px) clamp(1px, 4vw, 30px) rgba(0, 207, 255, 0.3);
  color: rgba(255, 255, 255, 0);
}
.nox__design__list__item__txt .txt {
  font-size: clamp(1px, 3.2vw, 24px);
  font-weight: 600;
  line-height: clamp(1px, 4.8vw, 36px);
}
.nox__design__list__item:nth-of-type(odd) {
  justify-content: flex-end;
}
.nox__design__list__item:nth-of-type(odd) .nox__design__list__item__img {
  inset: 0 auto 0 0;
}
.nox__design__list__item:nth-of-type(odd) .nox__design__list__item__txt {
  text-align: right;
}
.nox__ingredient {
  position: relative;
  margin-bottom: clamp(1px, 9.3333333333vw, 70px);
  z-index: 2;
}
.nox__ingredient__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 8vw, 60px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
}
.nox__ingredient__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__ingredient__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__ingredient__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__ingredient__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__ingredient__txt {
  margin-bottom: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.2vw, 24px);
  font-weight: 600;
  line-height: clamp(1px, 5.6vw, 42px);
  text-align: center;
}
.nox__ingredient__txt .strong {
  color: #29abe2;
}
.nox__ingredient__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: clamp(1px, 5.6vw, 42px);
  padding-bottom: clamp(1px, 7.2vw, 54px);
}
.nox__ingredient__list::after {
  content: "";
  position: absolute;
  inset: 100% 0 auto;
  display: block;
  width: clamp(1px, 23.4152133333vw, 175.6141px);
  height: clamp(1px, 4.2208266667vw, 31.6562px);
  margin-inline: auto;
  background-color: #29abe2;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.nox__ingredient__list__item {
  text-align: center;
  width: clamp(1px, 42.6666666667vw, 320px);
}
.nox__ingredient__list__item__img {
  margin-bottom: max(-4vw, -30px);
}
.nox__ingredient__list__item__txt .head {
  font-size: clamp(1px, 2.6666666667vw, 20px);
  font-weight: 700;
}
.nox__ingredient__list__item__txt .txt {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 500;
  opacity: 0.8;
}
.nox__ingredient__finish {
  width: clamp(1px, 86.4vw, 648px);
  margin-inline: auto;
}
.nox__ingredient__finish__img {
  position: relative;
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
}
.nox__ingredient__finish__head {
  position: absolute;
  inset: auto 0 clamp(1px, 4vw, 30px);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 10.8vw, 81px);
  line-height: clamp(1px, 10.6666666667vw, 80px);
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}
.nox__ingredient__finish__txt {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 600;
  line-height: clamp(1px, 5.3333333333vw, 40px);
  text-align: center;
}
.nox__support {
  position: relative;
  margin-bottom: clamp(1px, 9.3333333333vw, 70px);
  z-index: 2;
}
.nox__support__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 8vw, 60px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
}
.nox__support__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__support__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__support__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__support__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__support__head__jp .strong {
  color: #29abe2;
}
.nox__support__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, 5.3333333333vw, 40px);
  margin-bottom: clamp(1px, 10.6666666667vw, 80px);
  padding-inline: clamp(1px, 6.6666666667vw, 50px);
}
.nox__support__list__item {
  display: flex;
  align-items: center;
}
.nox__support__list__item .num {
  width: clamp(1px, 19.7333333333vw, 148px);
  font-size: clamp(1px, 17.3333333333vw, 130px);
  font-weight: 600;
  line-height: 1;
  -webkit-text-stroke: clamp(1px, 0.16vw, 1.2px) #29abe2;
  text-stroke: clamp(1px, 0.16vw, 1.2px) #29abe2;
  text-shadow: clamp(1px, 0.1333333333vw, 1px) clamp(1px, 0.1333333333vw, 1px) clamp(1px, 4vw, 30px) rgba(0, 207, 255, 0.15);
  color: rgba(255, 255, 255, 0);
}
.nox__support__list__item .txt {
  flex: 1;
  font-size: clamp(1px, 4.2666666667vw, 32px);
  font-weight: 600;
  line-height: clamp(1px, 6.4vw, 48px);
}
.nox__support__box {
  width: clamp(1px, 90.6666666667vw, 680px);
  margin-inline: auto;
  padding: clamp(1px, 2.6666666667vw, 20px);
  border-radius: clamp(1px, 1.3333333333vw, 10px);
  background-color: rgba(41, 171, 226, 0.66);
}
.nox__support__box__txt {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 500;
  line-height: clamp(1px, 5.0666666667vw, 38px);
  text-align: center;
}
.nox__cta2 {
  position: relative;
  padding: clamp(1px, 8vw, 60px) clamp(1px, 3.2vw, 24px);
  z-index: 2;
  overflow: hidden;
}
.nox__cta2::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: url(../../img/nox/common/bg.png) no-repeat center clamp(1px, 18.6666666667vw, 140px) / 100% auto;
  opacity: 0.8;
  pointer-events: none;
}
.nox__cta2__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: clamp(1px, 8vw, 60px);
  line-height: 1.5;
}
.nox__cta2__head__sub {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.2vw, 24px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__cta2__head__sub::before {
  content: "[";
  font-size: clamp(1px, 3.6vw, 27px);
  color: #29abe2;
}
.nox__cta2__head__sub::after {
  content: "]";
  font-size: clamp(1px, 3.6vw, 27px);
  color: #29abe2;
}
.nox__cta2__head__main {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
  color: #29abe2;
}
.nox__cta2__txt {
  position: relative;
  margin-bottom: clamp(1px, 3.2vw, 24px);
  font-size: clamp(1px, 2.9333333333vw, 22px);
  font-weight: 700;
  line-height: clamp(1px, 5.4666666667vw, 41px);
  text-align: center;
  z-index: 10;
}
.nox__cta2__box {
  position: relative;
  margin-bottom: clamp(1px, 16vw, 120px);
  padding: clamp(1px, 4vw, 30px);
  border-radius: clamp(1px, 2.6666666667vw, 20px);
  background-color: rgba(242, 242, 242, 0.12);
  z-index: 10;
}
.nox__cta2__box__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, 1.3333333333vw, 10px);
}
.nox__cta2__box__list__item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 500;
  line-height: 1.25;
}
.nox__cta2__box__list__item::before {
  content: "・";
  position: absolute;
  inset: 0 auto auto 0;
}
.nox__cta2__box__list__item .small {
  font-size: clamp(1px, 2vw, 15px);
}
.nox__cta2__single {
  position: relative;
  padding: clamp(1px, 4vw, 30px);
  border-radius: clamp(1px, 2.6666666667vw, 20px);
  background-color: rgba(242, 242, 242, 0.12);
  z-index: 10;
}
.nox__cta2__single__top {
  position: relative;
  margin-bottom: clamp(1px, 3.2vw, 24px);
}
.nox__cta2__single__img {
  position: absolute;
  inset: auto auto 0 0;
  width: clamp(1px, 41.3333333333vw, 310px);
}
.nox__cta2__single__txt {
  width: clamp(1px, 42.6666666667vw, 320px);
  margin-left: auto;
}
.nox__cta2__single__txt .label {
  font-size: clamp(1px, 3.3333333333vw, 25px);
  font-weight: 600;
  letter-spacing: 0.15em;
  color: #29abe2;
}
.nox__cta2__single__txt .course {
  margin-bottom: clamp(1px, 3.2vw, 24px);
  font-size: clamp(1px, 5.3333333333vw, 40px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.nox__cta2__single__txt .price {
  display: flex;
  align-items: center;
  margin-bottom: max(-0.8vw, -6px);
}
.nox__cta2__single__txt .price__num {
  margin-right: clamp(1px, 2.6666666667vw, 20px);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 15.7333333333vw, 118px);
  line-height: 1;
}
.nox__cta2__single__txt .price__yen {
  position: relative;
  font-size: clamp(1px, 6.6666666667vw, 50px);
  font-weight: 600;
  line-height: 1;
}
.nox__cta2__single__txt .price__yen .tax {
  display: block;
  font-size: clamp(1px, 2.4vw, 18px);
}
.nox__cta2__single__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: clamp(1px, 1.0666666667vw, 8px);
  background: url(../../img/nox/cta/bg_btn_gray.png) no-repeat 50%;
  background-size: cover;
  text-align: center;
  font-size: clamp(1px, 5.8666666667vw, 44px);
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #f0f0f0;
  text-shadow: 0 clamp(1px, 0.7466666667vw, 5.6px) clamp(1px, 1.1333333333vw, 8.5px) rgba(0, 0, 0, 0.5);
}
.nox__cta2__single__btn .txt {
  scale: 0.9 1;
  margin-left: -0.5em;
}
.nox__cta2__course {
  position: relative;
  margin-top: clamp(1px, 10.6666666667vw, 80px);
  z-index: 10;
}
.nox__cta2__course__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: clamp(1px, 6vw, 45px);
  z-index: 2;
}
.nox__cta2__course__header::before {
  content: "";
  position: absolute;
  inset: clamp(1px, 2.4vw, 18px) 0 auto;
  display: block;
  width: 100%;
  height: clamp(1px, 19.4666666667vw, 146px);
  background: url(../../img/nox/cta/img_balloon.png) no-repeat center top/100% auto;
  z-index: -1;
}
.nox__cta2__course__header__off {
  position: relative;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1px, 29.6vw, 222px);
  height: clamp(1px, 4.5333333333vw, 34px);
  margin-bottom: clamp(1px, 1.8666666667vw, 14px);
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-shadow: clamp(1px, 0.2666666667vw, 2px) clamp(1px, 0.1333333333vw, 1px) 0 #000;
}
.nox__cta2__course__header__off::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-color: #c81e14;
  -webkit-clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
  clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
  z-index: -1;
}
.nox__cta2__course__header__head {
  font-size: clamp(1px, 4.9333333333vw, 37px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #29abe2;
}
.nox__cta2__course__box {
  position: relative;
  padding: clamp(1px, 4vw, 30px);
  border-radius: clamp(1px, 2.6666666667vw, 20px);
  background-color: rgba(242, 242, 242, 0.12);
  z-index: 10;
}
.nox__cta2__course__box__top {
  position: relative;
  margin-bottom: clamp(1px, 3.2vw, 24px);
}
.nox__cta2__course__box__img {
  position: absolute;
  inset: auto auto 0 max(-2.6666666667vw, -20px);
  width: clamp(1px, 42.6666666667vw, 320px);
}
.nox__cta2__course__box__txt {
  width: clamp(1px, 40.6666666667vw, 305px);
  margin-left: auto;
}
.nox__cta2__course__box__txt .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: clamp(1px, 4.4vw, 33px);
  margin-bottom: clamp(1px, 1.0666666667vw, 8px);
  padding-inline: clamp(1px, 2.6666666667vw, 20px);
  border-radius: clamp(1px, 1.0666666667vw, 8px);
  background-color: #29abe2;
  font-size: clamp(1px, 2.6053333333vw, 19.54px);
  font-weight: 600;
  letter-spacing: 0.15em;
}
.nox__cta2__course__box__txt .course {
  margin-bottom: clamp(1px, 1.3333333333vw, 10px);
  font-size: clamp(1px, 3.8666666667vw, 29px);
  font-weight: 700;
  line-height: clamp(1px, 5.3333333333vw, 40px);
  letter-spacing: 0.1em;
}
.nox__cta2__course__box__txt .course .small {
  font-size: clamp(1px, 2.9333333333vw, 22px);
  font-weight: 400;
}
.nox__cta2__course__box__txt .normal {
  display: flex;
  align-items: center;
  margin-bottom: clamp(1px, 0vw, 0px);
  font-size: clamp(1px, 2.9333333333vw, 22px);
  font-weight: 600;
}
.nox__cta2__course__box__txt .normal .arrow {
  display: block;
  margin-right: 0.75em;
  font-size: 0.8em;
  color: #c1272d;
}
.nox__cta2__course__box__txt .price {
  display: flex;
  align-items: center;
  margin-bottom: max(-0.8vw, -6px);
}
.nox__cta2__course__box__txt .price__num {
  margin-right: clamp(1px, 1.3333333333vw, 10px);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 15.7333333333vw, 118px);
  line-height: 1;
  letter-spacing: -0.02em;
}
.nox__cta2__course__box__txt .price__yen {
  position: relative;
  font-size: clamp(1px, 6.6666666667vw, 50px);
  font-weight: 600;
  line-height: 1;
}
.nox__cta2__course__box__txt .price__yen .tax {
  display: block;
  font-size: clamp(1px, 2.4vw, 18px);
}
.nox__cta2__course__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: clamp(1px, 1.0666666667vw, 8px);
  background: url(../../img/nox/cta/bg_btn_blue.png) no-repeat 50%;
  background-size: cover;
  text-align: center;
  font-size: clamp(1px, 5.8666666667vw, 44px);
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #f0f0f0;
  text-shadow: 0 clamp(1px, 0.7466666667vw, 5.6px) clamp(1px, 1.1333333333vw, 8.5px) rgba(20, 91, 149, 0.75);
  box-shadow: 0 0.125rem 0.5625rem rgba(0, 116, 255, 0.8);
}
.nox__cta2__course__btn .txt {
  scale: 0.9 1;
  margin-left: -0.5em;
}
.nox__cta1 {
  position: relative;
  padding-inline: clamp(1px, 3.2vw, 24px);
  margin-bottom: clamp(1px, 8vw, 60px);
  z-index: 2;
}
.nox__cta1__course {
  margin-bottom: clamp(1px, 5.6vw, 42px);
}
.nox__cta1__course__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: clamp(1px, 3.7333333333vw, 28px);
  z-index: 2;
}
.nox__cta1__course__header::before {
  content: "";
  position: absolute;
  inset: clamp(1px, 2.4vw, 18px) 0 auto;
  display: block;
  width: 100%;
  height: clamp(1px, 19.4666666667vw, 146px);
  background: url(../../img/nox/cta/img_balloon.png) no-repeat center top/100% auto;
  z-index: -1;
}
.nox__cta1__course__header__off {
  position: relative;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1px, 29.6vw, 222px);
  height: clamp(1px, 4.5333333333vw, 34px);
  margin-bottom: clamp(1px, 0.2666666667vw, 2px);
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-shadow: clamp(1px, 0.2666666667vw, 2px) clamp(1px, 0.1333333333vw, 1px) 0 #000;
}
.nox__cta1__course__header__off::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-color: #c81e14;
  -webkit-clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
  clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
  z-index: -1;
}
.nox__cta1__course__header__head {
  font-size: clamp(1px, 4.9333333333vw, 37px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.nox__cta1__course__header__head .strong {
  color: #29abe2;
}
.nox__cta1__course__header__head .normal {
  display: block;
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 400;
  text-align: right;
  opacity: 0.8;
}
.nox__cta1__course__header__head .num {
  font-weight: 700;
}
.nox__cta1__course__box {
  position: relative;
  padding: clamp(1px, 4vw, 30px);
  border-radius: clamp(1px, 2.6666666667vw, 20px);
  background-color: rgba(242, 242, 242, 0.12);
  z-index: 10;
}
.nox__cta1__course__box__top {
  position: relative;
  margin-bottom: clamp(1px, 3.2vw, 24px);
}
.nox__cta1__course__box__img {
  position: absolute;
  inset: auto auto 0 0;
  width: clamp(1px, 41.3333333333vw, 310px);
}
.nox__cta1__course__box__txt {
  width: clamp(1px, 42.6666666667vw, 320px);
  margin-left: auto;
}
.nox__cta1__course__box__txt .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: clamp(1px, 4.4vw, 33px);
  margin-bottom: clamp(1px, 1.0666666667vw, 8px);
  padding-inline: clamp(1px, 2.6666666667vw, 20px);
  border-radius: clamp(1px, 1.0666666667vw, 8px);
  background-color: #c81e14;
  font-size: clamp(1px, 2.6053333333vw, 19.54px);
  font-weight: 600;
  letter-spacing: 0.15em;
}
.nox__cta1__course__box__txt .course {
  margin-bottom: clamp(1px, 1.3333333333vw, 10px);
  font-size: clamp(1px, 3.8666666667vw, 29px);
  font-weight: 700;
  line-height: clamp(1px, 5.3333333333vw, 40px);
  letter-spacing: 0.1em;
}
.nox__cta1__course__box__txt .course .small {
  font-size: clamp(1px, 2.9333333333vw, 22px);
  font-weight: 400;
}
.nox__cta1__course__box__txt .normal {
  margin-bottom: max(-0.8vw, -6px);
  font-size: clamp(1px, 2.2666666667vw, 17px);
  font-weight: 600;
}
.nox__cta1__course__box__txt .price {
  display: flex;
  align-items: center;
  margin-bottom: max(-0.8vw, -6px);
}
.nox__cta1__course__box__txt .price__label {
  margin-right: clamp(1px, 1.3333333333vw, 10px);
  font-size: clamp(1px, 3.3333333333vw, 25px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.nox__cta1__course__box__txt .price__num {
  margin-right: clamp(1px, 1.3333333333vw, 10px);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 14vw, 105px);
  line-height: 1;
}
.nox__cta1__course__box__txt .price__yen {
  position: relative;
  margin-bottom: clamp(1px, 3.2vw, 24px);
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 600;
  line-height: 1;
}
.nox__cta1__course__box__txt .price__yen .tax {
  font-size: clamp(1px, 2.1333333333vw, 16px);
}
.nox__cta1__course__box__txt .second {
  font-size: clamp(1px, 2.8vw, 21px);
  font-weight: 600;
  letter-spacing: 0.075em;
  color: #29abe2;
}
.nox__cta1__course__merit {
  display: flex;
  justify-content: space-between;
}
.nox__cta1__course__merit__item {
  padding: clamp(1px, 0.8vw, 6px) clamp(1px, 1.8666666667vw, 14px);
  border-radius: clamp(1px, 0.5333333333vw, 4px);
  border: clamp(1px, 0.1066666667vw, 0.8px) solid rgba(255, 255, 255, 0.64);
  font-size: clamp(1px, 2.6666666667vw, 20px);
  font-weight: 600;
}
.nox__cta1__course__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: clamp(1px, 1.0666666667vw, 8px);
  background: url(../../img/nox/cta/bg_btn_blue.png) no-repeat 50%;
  background-size: cover;
  text-align: center;
  font-size: clamp(1px, 5.8666666667vw, 44px);
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #f0f0f0;
  text-shadow: 0 clamp(1px, 0.7466666667vw, 5.6px) clamp(1px, 1.1333333333vw, 8.5px) rgba(20, 91, 149, 0.75);
  box-shadow: 0 0.125rem 0.5625rem rgba(0, 116, 255, 0.8);
}
.nox__cta1__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 6.1333333333vw, 46px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
}
.nox__cta1__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__cta1__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__cta1__teiki {
  margin-bottom: clamp(1px, 8.8vw, 66px);
  padding-top: clamp(1px, 7.2vw, 54px);
}
.nox__cta1__teiki__head {
  margin-bottom: clamp(1px, 2.1333333333vw, 16px);
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
  color: #29abe2;
}
.nox__cta1__teiki__txt {
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
  font-size: clamp(1px, 3.2vw, 24px);
  font-weight: 700;
  line-height: clamp(1px, 5.4666666667vw, 41px);
  text-align: center;
}
.nox__cta1__teiki__box {
  width: 94%;
  margin-inline: auto;
  padding: clamp(1px, 4vw, 30px) clamp(1px, 5.3333333333vw, 40px);
  border-radius: clamp(1px, 2.6666666667vw, 20px);
  background-color: rgba(242, 242, 242, 0.2);
}
.nox__cta1__teiki__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, 1.3333333333vw, 10px);
}
.nox__cta1__teiki__list__item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 500;
  line-height: 1.25;
}
.nox__cta1__teiki__list__item::before {
  content: "・";
  position: absolute;
  inset: 0 auto auto 0;
}
.nox__cta1__teiki__list__item .small {
  font-size: clamp(1px, 2vw, 15px);
}
.nox__cta1__guarantee {
  margin-top: clamp(1px, 11.2vw, 84px);
}
.nox__cta1__guarantee__head1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.2vw, 24px);
  margin-bottom: clamp(1px, 2.6666666667vw, 20px);
  font-weight: 600;
  text-align: center;
}
.nox__cta1__guarantee__head1__main {
  font-size: clamp(1px, 4vw, 30px);
  line-height: clamp(1px, 5.8666666667vw, 44px);
  letter-spacing: 0.05em;
}
.nox__cta1__guarantee__head1__sub {
  font-size: clamp(1px, 2.6666666667vw, 20px);
  letter-spacing: 0.05em;
  text-shadow: 0 0 clamp(1px, 0.2666666667vw, 2px) #0da9ff, 0 0 clamp(1px, 1.6vw, 12px) #0da9ff, 0 0 clamp(1px, 1.6vw, 12px) #0da9ff;
}
.nox__cta1__guarantee__head2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 1.6vw, 12px);
  margin-inline: max(-3.2vw, -24px);
  margin-bottom: clamp(1px, 4.8vw, 36px);
  padding-block: clamp(1px, 3.2vw, 24px);
  background: linear-gradient(#32adc6, #0076bc);
  text-align: center;
  line-height: 1;
}
.nox__cta1__guarantee__head2__sub {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-shadow: clamp(1px, 0.2666666667vw, 2px) clamp(1px, 0.1333333333vw, 1px) 0 #000;
}
.nox__cta1__guarantee__head2__main {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(1px, 9.3333333333vw, 70px);
  font-weight: 900;
  text-shadow: clamp(1px, 0.2666666667vw, 2px) clamp(1px, 0.1333333333vw, 1px) 0 #000;
  letter-spacing: -0.015em;
}
.nox__cta1__guarantee__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, 0.8vw, 6px);
  margin-bottom: clamp(1px, 10.6666666667vw, 80px);
  padding-inline: clamp(1px, 2.6666666667vw, 20px);
}
.nox__cta1__guarantee__list__item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 500;
  line-height: 1.5;
}
.nox__cta1__guarantee__list__item::before {
  content: "・";
  position: absolute;
  inset: 0 auto auto 0;
}
.nox__cta1__guarantee__list__item .notes {
  font-size: clamp(1px, 1.8666666667vw, 14px);
  opacity: 0.64;
}
.nox__cta1__guarantee__box {
  width: 94%;
  margin-inline: auto;
  margin-top: clamp(1px, 6.6666666667vw, 50px);
  margin-bottom: clamp(1px, 4vw, 30px);
  padding: clamp(1px, 4vw, 30px) clamp(1px, 2.6666666667vw, 20px);
  border-radius: clamp(1px, 2.6666666667vw, 20px);
  background-color: rgba(242, 242, 242, 0.12);
}
.nox__cta1__guarantee__box .nox__cta1__guarantee__list {
  margin-bottom: 0;
}
.nox__cta1__guarantee__txt {
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  line-height: clamp(1px, 6.6666666667vw, 50px);
  text-align: center;
}
.nox__problems {
  position: relative;
  margin-bottom: clamp(1px, 9.3333333333vw, 70px);
  z-index: 2;
}
.nox__problems__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 8vw, 60px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
}
.nox__problems__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__problems__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__problems__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__problems__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__problems__head__jp .strong {
  color: #29abe2;
}
.nox__problems__list {
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
  padding-inline: clamp(1px, 10.1333333333vw, 76px);
}
.nox__problems__list__item {
  position: relative;
  display: flex;
  align-items: center;
  height: clamp(1px, 55.5441333333vw, 416.581px);
}
.nox__problems__list__item + .nox__problems__list__item {
  margin-top: max(-5.3333333333vw, -40px);
}
.nox__problems__list__item__img {
  position: absolute;
  inset: 0 0 0 auto;
  width: clamp(1px, 48.1026666667vw, 360.77px);
}
.nox__problems__list__item__txt {
  position: relative;
  padding-inline: clamp(1px, 2.6666666667vw, 20px);
  z-index: 10;
}
.nox__problems__list__item__txt .txt {
  font-size: clamp(1px, 4.2666666667vw, 32px);
  font-weight: 600;
  line-height: clamp(1px, 5.8666666667vw, 44px);
}
.nox__problems__list__item:nth-of-type(odd) {
  justify-content: flex-end;
}
.nox__problems__list__item:nth-of-type(odd) .nox__problems__list__item__img {
  inset: 0 auto 0 0;
}
.nox__problems__list__item:nth-of-type(odd) .nox__problems__list__item__txt {
  text-align: right;
}
.nox__problems__bg {
  background: url(../../img/nox/problems/bg_optimal.png) no-repeat center max(-24vw, -180px) / 100% auto;
}
.nox__problems__box {
  position: relative;
  margin-inline: clamp(1px, 4.6666666667vw, 35px);
  margin-bottom: clamp(1px, 12vw, 90px);
  padding: clamp(1px, 2.6666666667vw, 20px);
}
.nox__problems__box::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-color: #000;
  border: clamp(1px, 0.4vw, 3px) solid #29abe2;
  border-radius: clamp(1px, 1.3333333333vw, 10px);
  opacity: 0.66;
  z-index: 1;
}
.nox__problems__box__txt {
  position: relative;
  font-weight: 700;
  font-size: clamp(1px, 4.1333333333vw, 31px);
  line-height: clamp(1px, 6.9333333333vw, 52px);
  text-align: center;
  z-index: 10;
}
.nox__problems__box__txt .strong {
  color: #32adc6;
}
.nox__problems__optimal {
  position: relative;
  margin-bottom: clamp(1px, 16.2666666667vw, 122px);
  padding-bottom: clamp(1px, 10.4vw, 78px);
}
.nox__problems__optimal::after {
  content: "";
  position: absolute;
  inset: 100% 0 auto;
  display: block;
  width: clamp(1px, 8.7586933333vw, 65.6902px);
  height: clamp(1px, 10.1333333333vw, 76px);
  margin-inline: auto;
  background: url(../../img/nox/problems/img_arrow.png) no-repeat center top/contain;
}
.nox__problems__optimal__head {
  margin-bottom: clamp(1px, 12vw, 90px);
  font-size: clamp(1px, 7.3333333333vw, 55px);
  font-weight: 700;
  line-height: clamp(1px, 10.2666666667vw, 77px);
  text-align: center;
}
.nox__problems__optimal__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, 4.8vw, 36px);
  margin-left: clamp(1px, 5.3333333333vw, 40px);
}
.nox__problems__optimal__list__item {
  display: flex;
  align-items: baseline;
  gap: clamp(1px, 1.4666666667vw, 11px);
}
.nox__problems__optimal__list__item .check {
  width: clamp(1px, 7.2vw, 54px);
}
.nox__problems__optimal__list__item .txt {
  flex: 1;
  font-size: clamp(1px, 3.7333333333vw, 28px);
  font-weight: 700;
}
.nox__problems__finish {
  width: clamp(1px, 86.4vw, 648px);
  margin-inline: auto;
  margin-top: max(-4.6666666667vw, -35px);
}
.nox__problems__finish__img {
  position: relative;
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
}
.nox__problems__finish__head {
  position: absolute;
  inset: auto 0 clamp(1px, 4vw, 30px);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 10.8vw, 81px);
  line-height: clamp(1px, 10.6666666667vw, 80px);
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}
.nox__problems__finish__txt {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 600;
  line-height: clamp(1px, 5.3333333333vw, 40px);
  text-align: center;
}
.nox__ingredient2 {
  position: relative;
  margin-bottom: clamp(1px, 9.3333333333vw, 70px);
  z-index: 2;
}
.nox__ingredient2__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 10.6666666667vw, 80px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
  z-index: 2;
}
.nox__ingredient2__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__ingredient2__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__ingredient2__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__ingredient2__head__jp {
  font-size: clamp(1px, 6vw, 45px);
  font-weight: 700;
  text-align: center;
}
.nox__ingredient2__head__jp .sub {
  display: block;
  margin-bottom: clamp(1px, 8vw, 60px);
  font-size: clamp(1px, 4.4vw, 33px);
  font-weight: 500;
  line-height: clamp(1px, 6.4vw, 48px);
}
.nox__ingredient2__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 4.5333333333vw, 34px);
  width: clamp(1px, 90.2666666667vw, 677px);
  margin-bottom: clamp(1px, 21.3333333333vw, 160px);
  margin-left: clamp(1px, 7.7333333333vw, 58px);
  z-index: 2;
}
.nox__ingredient2__img .notes {
  font-size: clamp(1px, 2.1333333333vw, 16px);
  font-weight: 400;
  line-height: clamp(1px, 3.7333333333vw, 28px);
  opacity: 0.66;
}
.nox__ingredient2__section {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: clamp(1px, 23.4666666667vw, 176px);
  padding-inline: clamp(1px, 4.6666666667vw, 35px);
  overflow-x: hidden;
}
.nox__ingredient2__section__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: clamp(1px, 0.5333333333vw, 4px);
  text-align: center;
}
.nox__ingredient2__section__header__num {
  margin-bottom: clamp(1px, 4.8vw, 36px);
  font-size: clamp(1px, 4.4vw, 33px);
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #29abe2;
}
.nox__ingredient2__section__header__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: clamp(1px, 3.2vw, 24px);
  padding-bottom: clamp(1px, 1.3333333333vw, 10px);
}
.nox__ingredient2__section__header__head::after {
  content: "";
  position: absolute;
  inset: auto max(-8vw, -60px) 0;
  display: block;
  height: clamp(1px, 0.5333333333vw, 4px);
  background: linear-gradient(90deg, transparent 0%, #29abe2 50%, transparent 100%);
}
.nox__ingredient2__section__header__head__jp {
  font-size: clamp(1px, 4.4vw, 33px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
.nox__ingredient2__section__header__head__en {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1px, 14.6666666667vw, 110px);
  letter-spacing: 0.05em;
  line-height: 1;
}
.nox__ingredient2__section__header__content {
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
  font-size: clamp(1px, 3.7333333333vw, 28px);
  font-weight: 600;
  color: #29abe2;
  letter-spacing: 0.15em;
}
.nox__ingredient2__section__header__txt {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 700;
  line-height: clamp(1px, 6vw, 45px);
}
.nox__ingredient2__section__img {
  margin-bottom: clamp(1px, 4vw, 30px);
}
.nox__ingredient2__section__img .img {
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
}
.nox__ingredient2__section__img .txt {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 600;
  line-height: clamp(1px, 3.8666666667vw, 29px);
  text-align: center;
  letter-spacing: 0.065em;
}
.nox__ingredient2__section__box {
  position: relative;
  padding: clamp(1px, 2vw, 15px);
}
.nox__ingredient2__section__box::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-color: #000;
  border: clamp(1px, 0.4vw, 3px) solid #29abe2;
  border-radius: clamp(1px, 1.3333333333vw, 10px);
  opacity: 0.66;
  z-index: 1;
}
.nox__ingredient2__section__box .txt {
  position: relative;
  font-size: clamp(1px, 2.1333333333vw, 16px);
  font-weight: 400;
  line-height: clamp(1px, 3.8666666667vw, 29px);
  text-align: center;
  letter-spacing: 0.065em;
  opacity: 0.64;
  z-index: 10;
}
.nox__ingredient2__section__img2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: clamp(1px, 12vw, 90px);
}
.nox__ingredient2__section__img2 .txt1 {
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
  font-size: clamp(1px, 3.2vw, 24px);
  font-weight: 700;
  line-height: clamp(1px, 5.6vw, 42px);
  text-align: center;
}
.nox__ingredient2__section__img2 .img {
  width: clamp(1px, 76.8vw, 576px);
  margin-bottom: clamp(1px, 4.8vw, 36px);
}
.nox__ingredient2__section__img2 .txt2 {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 400;
  line-height: clamp(1px, 4vw, 30px);
  text-align: center;
  opacity: 0.64;
}
.nox__ingredient2__finish {
  position: relative;
  margin-inline: clamp(1px, 4.9333333333vw, 37px);
  margin-top: max(-8vw, -60px);
  margin-bottom: clamp(1px, 16vw, 120px);
  z-index: 2;
}
.nox__ingredient2__finish__head {
  margin-bottom: clamp(1px, 4.8vw, 36px);
  font-size: clamp(1px, 5.6vw, 42px);
  font-weight: 600;
  line-height: clamp(1px, 8.2666666667vw, 62px);
  text-align: center;
}
.nox__ingredient2__finish__img {
  margin-bottom: clamp(1px, 4.8vw, 36px);
}
.nox__ingredient2__finish__txt {
  font-size: clamp(1px, 5.6vw, 42px);
  font-weight: 700;
  line-height: clamp(1px, 8.2666666667vw, 62px);
  text-align: center;
}
.nox__ingredient2__finish__txt .strong {
  color: #29abe2;
}
.nox__safety {
  position: relative;
  background-color: #fff;
  color: #333;
  z-index: 2;
}
.nox__safety__bg {
  padding: clamp(1px, 5.3333333333vw, 40px) clamp(1px, 6vw, 45px) clamp(1px, 2.6666666667vw, 20px);
  background: rgba(41, 171, 226, 0.08) url(../../img/nox/safety/bg_safety.png) no-repeat center top/100% auto;
}
.nox__safety__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 3.7333333333vw, 28px);
  margin-bottom: clamp(1px, 10.6666666667vw, 80px);
  padding-top: clamp(1px, 7.2vw, 54px);
  background: url(../../img/nox/common/bg_head.png) no-repeat center top/clamp(1px, 30.6666666667vw, 230px) auto;
  line-height: 1.5;
  z-index: 2;
}
.nox__safety__head__en {
  display: flex;
  align-items: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__safety__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__safety__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__safety__head__jp {
  font-size: clamp(1px, 4.5333333333vw, 34px);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}
.nox__safety__section {
  margin-bottom: clamp(1px, 13.3333333333vw, 100px);
}
.nox__safety__section__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: clamp(1px, 4vw, 30px);
  text-align: center;
}
.nox__safety__section__head__sub {
  width: 100%;
  margin-bottom: clamp(1px, 2.6666666667vw, 20px);
  padding-block: clamp(1px, 0.5333333333vw, 4px);
  background: linear-gradient(90deg, transparent 20%, #0066cc 40%, #0066cc 60%, transparent 80%);
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 600;
  color: #fff;
  text-shadow: clamp(1px, 0.2666666667vw, 2px) clamp(1px, 0.1333333333vw, 1px) 0 #000;
  letter-spacing: 0.1em;
}
.nox__safety__section__head__main {
  font-size: clamp(1px, 4.5333333333vw, 34px);
  font-weight: 700;
  line-height: clamp(1px, 6.1333333333vw, 46px);
  text-align: center;
  letter-spacing: 0.05em;
}
.nox__safety__section__img {
  margin-bottom: clamp(1px, 4vw, 30px);
  border-radius: clamp(1px, 3.2vw, 24px);
  box-shadow: clamp(1px, 0vw, 0px) clamp(1px, 1.0666666667vw, 8px) clamp(1px, 1.8666666667vw, 14px) rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.nox__safety__section__line {
  width: clamp(1px, 69.3333333333vw, 520px);
  margin-inline: auto;
  margin-bottom: clamp(1px, 4vw, 30px);
}
.nox__safety__section__txt {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 600;
  line-height: clamp(1px, 3.7333333333vw, 28px);
  text-align: center;
  letter-spacing: 0.05em;
}
.nox__voice {
  position: relative;
  padding: clamp(1px, 9.8666666667vw, 74px) clamp(1px, 6vw, 45px) clamp(1px, 2.6666666667vw, 20px);
  background-color: #fff;
  color: #333;
  z-index: 2;
}
.nox__voice__head {
  position: relative;
  margin-bottom: clamp(1px, 13.3333333333vw, 100px);
  line-height: 1.5;
  z-index: 2;
}
.nox__voice__head__en {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__voice__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__voice__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__voice__section {
  margin-bottom: clamp(1px, 10.6666666667vw, 80px);
}
.nox__voice__section__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 1.6vw, 12px);
  margin-inline: max(-6vw, -45px);
  margin-bottom: clamp(1px, 2.4vw, 18px);
  padding-bottom: clamp(1px, 2.4vw, 18px);
  text-align: center;
}
.nox__voice__section__head::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  display: block;
  height: clamp(1px, 0.4vw, 3px);
  background: linear-gradient(90deg, transparent 20%, #0066cc 40%, #0066cc 60%, transparent 80%);
}
.nox__voice__section__head__sub {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #288cd2;
}
.nox__voice__section__head__main {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 700;
  letter-spacing: 0.025em;
}
.nox__voice__section__txt {
  font-size: clamp(1px, 2.1333333333vw, 16px);
  font-weight: 500;
  line-height: clamp(1px, 3.0666666667vw, 23px);
  text-align: center;
  letter-spacing: 0.065em;
}
.nox__faq {
  position: relative;
  padding: clamp(1px, 9.8666666667vw, 74px) clamp(1px, 6vw, 45px) clamp(1px, 6.6666666667vw, 50px);
  background-color: #fff;
  color: #333;
  z-index: 2;
}
.nox__faq__head {
  position: relative;
  margin-bottom: clamp(1px, 13.3333333333vw, 100px);
  line-height: 1.5;
  z-index: 2;
}
.nox__faq__head__en {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1px, 2.6666666667vw, 20px);
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
}
.nox__faq__head__en::before {
  content: "[";
  color: #29abe2;
}
.nox__faq__head__en::after {
  content: "]";
  color: #29abe2;
}
.nox__faq__section {
  margin-bottom: clamp(1px, 9.3333333333vw, 70px);
}
.nox__faq__section__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 1.3333333333vw, 10px);
  margin-bottom: clamp(1px, 2.4vw, 18px);
  padding-bottom: clamp(1px, 5.3333333333vw, 40px);
  text-align: center;
}
.nox__faq__section__head::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  display: block;
  width: clamp(1px, 8vw, 60px);
  height: clamp(1px, 1.3333333333vw, 10px);
  margin-inline: auto;
  background-color: #288cd2;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.nox__faq__section__head__sub {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1px, 6.4111466667vw, 48.0836px);
  height: clamp(1px, 7.40296vw, 55.5222px);
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.nox__faq__section__head__sub::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #288cd2;
  z-index: -1;
}
.nox__faq__section__head__main {
  font-size: clamp(1px, 3.6vw, 27px);
  font-weight: 700;
  letter-spacing: 0.05em;
}
.nox__faq__section__answer {
  text-align: center;
}
.nox__faq__section__answer .head {
  font-size: clamp(1px, 2.4vw, 18px);
  font-weight: 600;
  line-height: clamp(1px, 4.2666666667vw, 32px);
  letter-spacing: 0.05em;
}
.nox__faq__section__answer .txt {
  font-size: clamp(1px, 2.2666666667vw, 17px);
  font-weight: 400;
  line-height: clamp(1px, 3.2vw, 24px);
  letter-spacing: 0.05em;
}
.nox__line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: clamp(1px, 10.9333333333vw, 82px) clamp(1px, 6.4vw, 48px) clamp(1px, 13.3333333333vw, 100px);
  background-color: #fff;
  color: #333;
}
.nox__line__head {
  margin-bottom: clamp(1px, 5.3333333333vw, 40px);
  font-size: clamp(1px, 4vw, 30px);
  font-weight: 600;
  line-height: clamp(1px, 5.7333333333vw, 43px);
  text-align: center;
}
.nox__line__img {
  width: clamp(1px, 68vw, 510px);
  margin-inline: auto;
  margin-bottom: clamp(1px, 6.4vw, 48px);
}
.nox__line__list {
  margin-bottom: clamp(1px, 4.2666666667vw, 32px);
  font-size: clamp(1px, 3.7333333333vw, 28px);
  font-weight: 600;
  line-height: clamp(1px, 5.3333333333vw, 40px);
}
.nox__line__txt {
  font-size: clamp(1px, 3.4666666667vw, 26px);
  font-weight: 400;
  line-height: clamp(1px, 5.3333333333vw, 40px);
  text-align: center;
}
.nox__line .p-idx-cta__line-txt1,
.nox__line .p-idx-cta__line-txt2 {
  color: #333;
}