body, li, p, span, h2, h3 {
  font-family: "Noto Sans JP", sans-serif !important; }

img {
  width: 100%;
  max-width: 100%;
  height: auto; }

.sp-only {
  display: block; }
  @media (min-width: 750px) {
    .sp-only {
      display: none; } }

a:hover {
  text-decoration: none !important;
  opacity: .9 !important; }

.l-header {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100 * 100vw / 750);
  height: calc(100 * 100vw / 750);
  background: rgba(37, 52, 145, 0.8);
  z-index: 100; }
  @media (min-width: 750px) {
    .l-header {
      width: calc(100 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .l-header {
      height: calc(100 * 100vw / 1600); } }
  .l-header__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }

.c-hamburger {
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  width: calc(48 * 100vw / 750);
  height: calc(39 * 100vw / 750); }
  @media (min-width: 750px) {
    .c-hamburger {
      width: calc(48 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .c-hamburger {
      height: calc(39 * 100vw / 1600); } }
  .c-hamburger span {
    position: absolute;
    width: 100%;
    height: calc(2 * 100vw / 750);
    background: #fff;
    left: 0;
    transition: 0.3s; }
    @media (min-width: 750px) {
      .c-hamburger span {
        height: calc(2 * 100vw / 1600); } }
  .c-hamburger span:nth-child(1) {
    top: 0; }
  .c-hamburger span:nth-child(2) {
    top: calc(18 * 100vw / 750); }
    @media (min-width: 750px) {
      .c-hamburger span:nth-child(2) {
        top: calc(18 * 100vw / 1600); } }
  .c-hamburger span:nth-child(3) {
    top: calc(36 * 100vw / 750); }
    @media (min-width: 750px) {
      .c-hamburger span:nth-child(3) {
        top: calc(36 * 100vw / 1600); } }

.p-global-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  background: rgba(37, 52, 145, 0.8);
  z-index: -1;
  transform: translateY(-100%);
  transition: 0.3s;
  display: flex; }
  .p-global-nav a {
    color: #fff;
    font-size: calc(28 * 100vw / 750);
    display: inline-block;
    width: 100%; }
    @media (min-width: 750px) {
      .p-global-nav a {
        font-size: calc(28 * 100vw / 1600); } }
  .p-global-nav ul {
    width: 100%;
    overflow: hidden;
    padding: calc(100 * 100vw / 750) calc(43.47 * 100vw / 750); }
    .p-global-nav ul li {
      border-top: 1px solid #fff;
      padding: calc(14 * 100vw / 750) calc(8 * 100vw / 750); }
    .p-global-nav ul li:last-child {
      border-bottom: 1px solid #fff; }

.p-global-nav.is-open {
  transform: translateX(0); }

.c-hamburger.is-active span:nth-child(1) {
  transform: rotate(45deg);
  top: calc(18 * 100vw / 750); }
  @media (min-width: 750px) {
    .c-hamburger.is-active span:nth-child(1) {
      top: calc(18 * 100vw / 1600); } }

.c-hamburger.is-active span:nth-child(2) {
  opacity: 0; }

.c-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
  top: calc(18 * 100vw / 750); }
  @media (min-width: 750px) {
    .c-hamburger.is-active span:nth-child(3) {
      top: calc(18 * 100vw / 1600); } }

main {
  background-image: url("../img/bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 95.8%;
  background-position: 100% 165%;
  position: relative;
  z-index: 0; }
  @media (min-width: 750px) {
    main {
      background-image: url("../img/bg_pc.webp");
      background-size: calc(1600 * 100vw / 1600) 102.5%;
      background-position: top;
      min-width: calc(1260 * 100vw / 1600); } }

.l-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: calc(20 * 100vw / 750);
  padding-right: calc(20 * 100vw / 750); }
  @media (min-width: 750px) {
    .l-container {
      padding-left: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .l-container {
      padding-right: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .l-container {
      max-width: calc(1600 * 100vw / 1600); } }

@media (min-width: 750px) {
  .p-main {
    max-width: calc(1260 * 100vw / 1600);
    margin: 0 auto;
    padding-top: calc(54 * 100vw / 1600); } }

.p-hero {
  background-image: url("../img/kv_bg_sp.webp");
  background-repeat: no-repeat;
  background-size: 100% 101%;
  position: relative;
  z-index: -1; }
  @media (min-width: 750px) {
    .p-hero {
      background-image: none;
      height: calc(810 * 100vw / 1600); } }
  .p-hero__inner {
    text-align: center;
    position: relative; }
    @media (min-width: 750px) {
      .p-hero__inner {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: flex-start; } }
  .p-hero__title {
    font-size: calc(47 * 100vw / 750);
    padding-top: calc(50 * 100vw / 750);
    margin-left: calc(65 * 100vw / 750);
    color: #253491;
    position: relative;
    display: inline-block; }
    @media (min-width: 750px) {
      .p-hero__title {
        font-size: calc(56 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-hero__title {
        padding-top: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-hero__title {
        margin-left: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-hero__title {
        left: calc(17 * 100vw / 1600);
        top: calc(73 * 100vw / 1600);
        width: calc(440 * 100vw / 1600);
        font-feature-settings: "palt"; } }
    .p-hero__title p:nth-child(1),
    .p-hero__title p:nth-child(2) {
      font-weight: bold;
      line-height: 1; }
      .p-hero__title p:nth-child(1)::after,
      .p-hero__title p:nth-child(2)::after {
        content: "";
        position: absolute;
        background: #fff000;
        z-index: -1;
        height: calc(40 * 100vw / 750); }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(1)::after,
          .p-hero__title p:nth-child(2)::after {
            height: calc(44 * 100vw / 1600); } }
    .p-hero__title p:nth-child(1) {
      position: relative;
      left: calc(-7 * 100vw / 750);
      top: calc(-8 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-hero__title p:nth-child(1) {
          left: calc(0 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-hero__title p:nth-child(1) {
          top: calc(0 * 100vw / 1600); } }
      .p-hero__title p:nth-child(1)::after {
        width: calc(394 * 100vw / 750);
        left: calc(-10 * 100vw / 750);
        bottom: calc(-13 * 100vw / 750); }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(1)::after {
            width: calc(443 * 100vw / 1600); } }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(1)::after {
            left: calc(0 * 100vw / 1600); } }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(1)::after {
            bottom: calc(-13 * 100vw / 1600); } }
    .p-hero__title p:nth-child(2) {
      margin-top: calc(35 * 100vw / 750);
      top: calc(0 * 100vw / 750);
      left: calc(0 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-hero__title p:nth-child(2) {
          margin-top: calc(0 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-hero__title p:nth-child(2) {
          position: relative; } }
      @media (min-width: 750px) {
        .p-hero__title p:nth-child(2) {
          top: calc(32 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-hero__title p:nth-child(2) {
          left: calc(7 * 100vw / 1600); } }
      .p-hero__title p:nth-child(2)::after {
        width: calc(310 * 100vw / 750);
        left: calc(19 * 100vw / 750);
        bottom: calc(0 * 100vw / 750); }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(2)::after {
            width: calc(341 * 100vw / 1600); } }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(2)::after {
            left: calc(43 * 100vw / 1600); } }
        @media (min-width: 750px) {
          .p-hero__title p:nth-child(2)::after {
            bottom: calc(-8 * 100vw / 1600); } }
    .p-hero__title-fontSize {
      font-size: calc(83 * 100vw / 750);
      margin-left: calc(-24 * 100vw / 750);
      position: relative;
      top: calc(-12 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-hero__title-fontSize {
          font-size: calc(95 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-hero__title-fontSize {
          margin-left: calc(0 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-hero__title-fontSize {
          top: calc(-5 * 100vw / 1600); } }
    .p-hero__title-span {
      position: relative;
      left: calc(-18 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-hero__title-span {
          left: calc(0 * 100vw / 1600); } }
  .p-hero__kv {
    position: relative;
    top: calc(13 * 100vw / 750);
    left: calc(-8 * 100vw / 750);
    padding: 0 calc(8.6 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-hero__kv {
        top: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-hero__kv {
        left: calc(3 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-hero__kv {
        padding: calc(54 * 100vw / 1600) 0 0; } }
    @media (min-width: 750px) {
      .p-hero__kv img {
        width: calc(595 * 100vw / 1600); } }
  .p-hero__kv-bg {
    position: absolute;
    z-index: -1;
    display: none; }
    @media (min-width: 750px) {
      .p-hero__kv-bg {
        display: block;
        width: calc(1600 * 100vw / 1600);
        height: calc(810 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-hero .l-container {
      max-width: calc(1600 * 100vw / 1600); } }

.p-cta__inner {
  text-align: center;
  padding-top: calc(0 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-cta__inner {
      padding-top: calc(30 * 100vw / 1600); } }
.p-cta__flexBox {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: calc(33 * 100vw / 750);
  position: relative;
  top: calc(-2 * 100vw / 750);
  left: calc(7 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-cta__flexBox {
      gap: calc(24 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__flexBox {
      top: calc(7 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__flexBox {
      left: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__flexBox {
      width: 64%;
      margin: 0 auto; } }
  .p-cta__flexBox img {
    width: calc(229 * 100vw / 750);
    padding-top: calc(10 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-cta__flexBox img {
        width: calc(207 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-cta__flexBox img {
        padding-top: calc(0 * 100vw / 1600); } }
@media (min-width: 750px) {
  .p-cta__texts {
    margin-top: calc(17 * 100vw / 1600); } }
.p-cta__texts li:nth-child(1) {
  font-size: calc(34 * 100vw / 750);
  font-weight: 900;
  margin-bottom: calc(22 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-cta__texts li:nth-child(1) {
      font-size: calc(34 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__texts li:nth-child(1) {
      margin-bottom: calc(12 * 100vw / 1600); } }
.p-cta__texts li:nth-child(2) {
  font-size: calc(26 * 100vw / 750);
  font-weight: 700; }
  @media (min-width: 750px) {
    .p-cta__texts li:nth-child(2) {
      font-size: calc(24 * 100vw / 1600); } }
.p-cta__text {
  color: #253491;
  line-height: 1; }
  .p-cta__text span {
    display: inline-block;
    margin-bottom: calc(10 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-cta__text span {
        margin-bottom: calc(10 * 100vw / 1600); } }
.p-cta__btn {
  text-align: center;
  margin-top: calc(37 * 100vw / 750);
  margin-bottom: calc(105 * 100vw / 750);
  padding: 0 calc(8 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-cta__btn {
      margin-top: calc(26 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__btn {
      margin-bottom: calc(114 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__btn {
      padding: 0;
      width: 100%; } }
.p-cta__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .p-cta__link p {
    position: absolute;
    color: #fff;
    font-weight: 700;
    font-size: calc(32 * 100vw / 750);
    margin-bottom: calc(9 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-cta__link p {
        font-size: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-cta__link p {
        margin-bottom: calc(5 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-cta__link img {
      width: calc(514 * 100vw / 1600);
      height: calc(90 * 100vw / 1600); } }

.p-production__inner {
  text-align: center;
  margin-bottom: calc(79 * 100vw / 750);
  padding: 0 calc(10 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__inner {
      margin-bottom: calc(47 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "title title" "img texts" "img assort" "btn btn";
      gap: calc(20 * 100vw / 1600); } }
.p-production__title {
  font-size: calc(48 * 100vw / 750);
  color: #253491;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media (min-width: 750px) {
    .p-production__title {
      font-size: calc(48 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__title {
      grid-area: title; } }
  .p-production__title p {
    position: absolute;
    color: #fff;
    font-weight: 800;
    margin-bottom: calc(3 * 100vw / 750);
    font-size: calc(48 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__title p {
        margin-bottom: calc(5 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__title p {
        font-size: calc(32 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__title img {
      width: calc(752 * 100vw / 1600);
      height: calc(58 * 100vw / 1600); } }
.p-production__texts {
  right: calc(0 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__texts {
      grid-area: texts;
      position: relative; } }
  @media (min-width: 750px) {
    .p-production__texts {
      right: calc(110 * 100vw / 1600); } }
  .p-production__texts li {
    color: #000;
    line-height: 1;
    font-weight: 700;
    font-feature-settings: "palt"; }
  .p-production__texts li:nth-child(1) {
    font-size: calc(48 * 100vw / 750);
    margin-top: calc(56 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__texts li:nth-child(1) {
        font-size: calc(32 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__texts li:nth-child(1) {
        margin-top: calc(61 * 100vw / 1600); } }
    .p-production__texts li:nth-child(1) span {
      font-size: calc(32 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-production__texts li:nth-child(1) span {
          font-size: calc(16 * 100vw / 1600); } }
  .p-production__texts li:nth-child(2) {
    font-size: calc(28 * 100vw / 750);
    margin-top: calc(50 * 100vw / 750);
    line-height: 1.6; }
    @media (min-width: 750px) {
      .p-production__texts li:nth-child(2) {
        font-size: calc(16 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__texts li:nth-child(2) {
        margin-top: calc(31 * 100vw / 1600); } }
  .p-production__texts li:nth-child(3) {
    font-size: calc(28 * 100vw / 750);
    margin-top: calc(34 * 100vw / 750);
    line-height: 1.6; }
    @media (min-width: 750px) {
      .p-production__texts li:nth-child(3) {
        font-size: calc(16 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__texts li:nth-child(3) {
        margin-top: calc(16 * 100vw / 1600); } }
.p-production__img {
  margin-top: calc(70 * 100vw / 750);
  padding: 0 calc(148 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__img {
      margin-top: calc(77 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__img {
      padding: 0 calc(42 * 100vw / 1600) 0 calc(150 * 100vw / 1600);
      width: calc(352 * 100vw / 1600);
      grid-area: img; } }
.p-production__assortArea {
  position: relative;
  margin-top: calc(57 * 100vw / 750);
  display: flex;
  justify-content: center;
  right: calc(0 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__assortArea {
      margin-top: calc(25 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__assortArea {
      grid-area: assort; } }
  @media (min-width: 750px) {
    .p-production__assortArea {
      right: calc(110 * 100vw / 1600); } }
  .p-production__assortArea img {
    position: relative;
    bottom: calc(28 * 100vw / 750);
    width: calc(716 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__assortArea img {
        bottom: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__assortArea img {
        width: calc(502 * 100vw / 1600); } }
.p-production__assortTitle {
  position: absolute;
  font-weight: 800;
  line-height: 1.2;
  font-size: calc(28 * 100vw / 750);
  left: calc(230 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__assortTitle {
      font-size: calc(18 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__assortTitle {
      left: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__assortTitle {
      left: auto !important; } }
.p-production__info {
  position: absolute; }
  .p-production__info ul li {
    line-height: 1;
    font-weight: 700; }
  .p-production__info ul li:nth-child(1) {
    font-size: calc(28 * 100vw / 750);
    margin-bottom: calc(13 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__info ul li:nth-child(1) {
        font-size: calc(19 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__info ul li:nth-child(1) {
        margin-bottom: calc(13 * 100vw / 1600); } }
  .p-production__info ul li:nth-child(2) {
    font-size: calc(18 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__info ul li:nth-child(2) {
        font-size: calc(14 * 100vw / 1600); } }
.p-production__left {
  color: #6c6c73;
  left: calc(175 * 100vw / 750);
  top: calc(116 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__left {
      left: calc(150 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__left {
      top: calc(77 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__left {
      width: 24%; } }
.p-production__right {
  color: #fff;
  right: calc(182 * 100vw / 750);
  top: calc(116 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__right {
      right: calc(150 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__right {
      top: calc(77 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__right {
      width: 24%; } }
.p-production__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: calc(13 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-production__btn {
      padding-top: calc(41 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-production__btn {
      grid-area: btn;
      width: 40%;
      margin: 0 auto; } }
  .p-production__btn p {
    position: absolute;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    font-size: calc(32 * 100vw / 750);
    margin-bottom: calc(0 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__btn p {
        font-size: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__btn p {
        margin-bottom: calc(3 * 100vw / 1600); } }
.p-production__link {
  display: inline-block;
  background-image: url("../img/btn.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%; }
  .p-production__link span {
    font-size: calc(32 * 100vw / 750);
    color: #fff;
    line-height: 1;
    font-weight: 700;
    padding: calc(34 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__link span {
        font-size: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-production__link span {
        padding: calc(26 * 100vw / 1600) 0; } }
  .p-production__link img {
    width: calc(660 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-production__link img {
        width: calc(480 * 100vw / 1600); } }

.p-scene__inner {
  margin-bottom: calc(99 * 100vw / 750);
  text-align: center; }
  @media (min-width: 750px) {
    .p-scene__inner {
      margin-bottom: calc(117 * 100vw / 1600); } }
.p-scene__scenes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: calc(52 * 100vw / 750);
  column-gap: calc(38 * 100vw / 750);
  margin-top: calc(61 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-scene__scenes {
      row-gap: calc(52 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-scene__scenes {
      column-gap: calc(56 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-scene__scenes {
      margin-top: calc(82 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-scene__scenes {
      flex-wrap: nowrap; } }
  .p-scene__scenes li:nth-child(1) ::after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: calc(24 * 100vw / 750);
    left: calc(41 * 100vw / 750);
    width: calc(230 * 100vw / 750);
    height: calc(23 * 100vw / 750);
    background: #fff000; }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(1) ::after {
        top: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(1) ::after {
        left: calc(25 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(1) ::after {
        width: calc(171 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(1) ::after {
        height: calc(16 * 100vw / 1600); } }
  .p-scene__scenes li:nth-child(1) p {
    margin-top: calc(22 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(1) p {
        margin-top: calc(21 * 100vw / 1600); } }
  .p-scene__scenes li:nth-child(2) ::after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: calc(22 * 100vw / 750);
    left: calc(70 * 100vw / 750);
    width: calc(135 * 100vw / 750);
    height: calc(23 * 100vw / 750);
    background: #fff000; }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(2) ::after {
        top: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(2) ::after {
        left: calc(50 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(2) ::after {
        width: calc(99 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(2) ::after {
        height: calc(16 * 100vw / 1600); } }
  .p-scene__scenes li:nth-child(2) p {
    margin-top: calc(42 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(2) p {
        margin-top: calc(30 * 100vw / 1600); } }
  .p-scene__scenes li:nth-child(3) ::after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: calc(23 * 100vw / 750);
    left: calc(77 * 100vw / 750);
    width: calc(127 * 100vw / 750);
    height: calc(23 * 100vw / 750);
    background: #fff000; }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::after {
        top: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::after {
        left: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::after {
        width: calc(215 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::after {
        height: calc(16 * 100vw / 1600); } }
  .p-scene__scenes li:nth-child(3) ::before {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: calc(66 * 100vw / 750);
    left: calc(77 * 100vw / 750);
    width: calc(127 * 100vw / 750);
    height: calc(23 * 100vw / 750);
    background: #fff000; }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::before {
        top: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::before {
        left: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::before {
        width: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::before {
        height: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) ::before {
        display: none; } }
  .p-scene__scenes li:nth-child(3) p {
    margin-top: calc(20 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) p {
        margin-top: calc(30 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(3) p {
        width: calc(237 * 100vw / 1600); } }
    .p-scene__scenes li:nth-child(3) p span {
      display: contents; }
  .p-scene__scenes li:nth-child(4) ::after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: calc(23 * 100vw / 750);
    left: calc(74 * 100vw / 750);
    width: calc(99 * 100vw / 750);
    height: calc(23 * 100vw / 750);
    background: #fff000; }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::after {
        top: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::after {
        left: calc(3 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::after {
        width: calc(194 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::after {
        height: calc(16 * 100vw / 1600); } }
  .p-scene__scenes li:nth-child(4) ::before {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    top: calc(66 * 100vw / 750);
    left: calc(74 * 100vw / 750);
    width: calc(131 * 100vw / 750);
    height: calc(23 * 100vw / 750);
    background: #fff000; }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::before {
        top: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::before {
        left: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::before {
        width: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::before {
        height: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) ::before {
        display: none; } }
  .p-scene__scenes li:nth-child(4) p {
    margin-top: calc(20 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-scene__scenes li:nth-child(4) p {
        margin-top: calc(30 * 100vw / 1600); } }
.p-scene__scene {
  width: calc(312 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-scene__scene {
      width: calc(220 * 100vw / 1600); } }
  .p-scene__scene p {
    position: relative;
    line-height: 1.3;
    font-size: calc(32 * 100vw / 750);
    color: #253491;
    font-weight: 700; }
    @media (min-width: 750px) {
      .p-scene__scene p {
        font-size: calc(18 * 100vw / 1600); } }
    .p-scene__scene p ::after {
      content: "";
      position: absolute;
      height: calc(23 * 100vw / 750);
      background: #fff000;
      z-index: -1; }
      @media (min-width: 750px) {
        .p-scene__scene p ::after {
          height: calc(16 * 100vw / 1600); } }
    .p-scene__scene p span {
      display: inline-block;
      margin-bottom: calc(12 * 100vw / 750);
      font-size: calc(32 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-scene__scene p span {
          margin-bottom: calc(6 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-scene__scene p span {
          font-size: calc(24 * 100vw / 1600); } }

.p-information__inner {
  text-align: center;
  margin-bottom: calc(122 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-information__inner {
      margin-bottom: calc(102 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-information__inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "title title" "img texts" "img online" "btn btn";
      gap: calc(20 * 100vw / 1600);
      column-gap: 0; } }
.p-information__img {
  margin-top: calc(81 * 100vw / 750);
  margin-bottom: calc(49 * 100vw / 750);
  padding: 0 calc(161.7 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-information__img {
      margin-top: calc(61 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-information__img {
      margin-bottom: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-information__img {
      padding: 0;
      left: calc(18 * 100vw / 1600);
      grid-area: img;
      position: relative;
      width: 100%; } }
  @media (min-width: 750px) {
    .p-information__img img {
      width: calc(331 * 100vw / 1600); } }
.p-information__texts {
  padding-bottom: calc(51 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-information__texts {
      padding-bottom: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-information__texts {
      grid-area: texts;
      position: relative;
      left: calc(-123 * 100vw / 1600);
      width: 40%;
      margin: 0 auto; } }
  .p-information__texts p {
    font-size: calc(28 * 100vw / 750);
    font-weight: 500;
    line-height: 1; }
    @media (min-width: 750px) {
      .p-information__texts p {
        font-size: calc(15 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-information__texts p {
        padding-top: calc(163 * 100vw / 1600);
        font-feature-settings: "palt"; } }
  .p-information__texts span {
    font-size: calc(32 * 100vw / 750);
    font-weight: 700;
    display: inline-block;
    margin-bottom: calc(26 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-information__texts span {
        font-size: calc(17 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-information__texts span {
        margin-bottom: calc(18 * 100vw / 1600); } }
.p-information__online {
  display: flex;
  justify-content: center;
  width: calc(485 * 100vw / 750);
  margin: 0 auto;
  gap: calc(23 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-information__online {
      gap: calc(10 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-information__online {
      grid-area: online;
      position: relative;
      width: auto;
      top: calc(-41 * 100vw / 1600);
      left: calc(-123 * 100vw / 1600); } }
  .p-information__online a {
    display: inline-block;
    margin-top: calc(62 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-information__online a {
        margin-top: calc(0 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-information__online a {
        width: calc(274 * 100vw / 1600);
        height: calc(112 * 100vw / 1600); } }
@media (min-width: 1600px) {
  .p-information__link img {
    width: calc(274 * 100vw / 1600); } }

.p-product__inner {
  text-align: center; }
  @media (min-width: 750px) {
    .p-product__inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "title title" "img texts" "img btn";
      gap: calc(20 * 100vw / 1600); } }
.p-product__img {
  margin-top: calc(82 * 100vw / 750);
  margin-bottom: calc(39 * 100vw / 750);
  padding: 0 calc(202 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-product__img {
      margin-top: calc(62 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-product__img {
      margin-bottom: calc(0 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-product__img {
      padding: 0;
      grid-area: img;
      width: 100%;
      position: relative;
      left: calc(16 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-product__img img {
      width: calc(331 * 100vw / 1600); } }
@media (min-width: 750px) {
  .p-product .p-information__texts {
    grid-area: texts;
    width: 60%;
    left: calc(-122 * 100vw / 1600); }
    .p-product .p-information__texts p {
      font-size: calc(16 * 100vw / 1600);
      padding-top: calc(220 * 100vw / 1600); }
    .p-product .p-information__texts span {
      font-size: calc(34 * 100vw / 1600); } }
@media (min-width: 750px) {
  .p-product .p-production__btn {
    grid-area: btn;
    position: relative;
    left: calc(-122 * 100vw / 1600);
    top: calc(-120 * 100vw / 1600);
    width: 79%; } }

.p-message {
  padding-top: calc(179 * 100vw / 750); }
  @media (min-width: 750px) {
    .p-message {
      padding-top: calc(169 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .p-message {
      padding-bottom: calc(102 * 100vw / 1600); } }
  .p-message__inner {
    text-align: center; }
  .p-message__texts p {
    line-height: 1; }
  .p-message__texts span {
    font-size: calc(28 * 100vw / 750);
    font-weight: 800;
    display: inline-block;
    margin-bottom: calc(26 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-message__texts span {
        font-size: calc(18 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-message__texts span {
        margin-bottom: calc(30 * 100vw / 1600); } }
  .p-message__btn {
    padding-left: calc(1.5 * 100vw / 750);
    padding-right: calc(1.5 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-message__btn {
        padding-left: calc(1.5 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-message__btn {
        padding-right: calc(1.5 * 100vw / 1600); } }
    @media (min-width: 750px) {
      .p-message__btn {
        display: flex;
        flex-direction: column;
        gap: calc(81 * 100vw / 1600);
        width: 57%;
        margin: 0 auto; } }
    .p-message__btn a:nth-child(2) img {
      width: calc(609 * 100vw / 750);
      margin-top: calc(101 * 100vw / 750);
      margin-bottom: calc(52 * 100vw / 750); }
      @media (min-width: 750px) {
        .p-message__btn a:nth-child(2) img {
          width: calc(609 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-message__btn a:nth-child(2) img {
          margin-top: calc(0 * 100vw / 1600); } }
      @media (min-width: 750px) {
        .p-message__btn a:nth-child(2) img {
          margin-bottom: calc(0 * 100vw / 1600); } }
  .p-message___link {
    display: inline-block; }
  .p-message .w710 {
    width: calc(710 * 100vw / 750); }
    @media (min-width: 750px) {
      .p-message .w710 {
        width: calc(710 * 100vw / 1600); } }

.fade-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease; }

.fade-section.is-visible {
  opacity: 1;
  transform: translateY(0); }

.nutrition {
  background: #f7f7f8;
  text-align: center;
  width: calc(660 * 100vw / 750);
  padding: calc(60 * 100vw / 750) 0;
  margin: 0 auto calc(121 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition {
      width: calc(800 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .nutrition {
      padding: calc(52 * 100vw / 1600) 0 calc(67 * 100vw / 1600);
      margin: 0 auto calc(120 * 100vw / 1600); } }

.nutrition__title {
  font-size: calc(32 * 100vw / 750);
  font-weight: bold; }
  @media (min-width: 750px) {
    .nutrition__title {
      font-size: calc(24 * 100vw / 1600); } }

.nutrition__tables {
  display: flex;
  justify-content: center;
  gap: calc(62 * 100vw / 750);
  margin-top: calc(40 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition__tables {
      gap: calc(38 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .nutrition__tables {
      margin-top: calc(20 * 100vw / 1600); } }

.nutrition__table-box {
  width: calc(600 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition__table-box {
      width: calc(341 * 100vw / 1600); } }

.nutrition__table-title {
  font-size: calc(24 * 100vw / 750);
  margin-bottom: calc(18 * 100vw / 750);
  margin-bottom: calc(18 * 100vw / 750);
  font-weight: bold;
  font-feature-settings: "palt"; }
  @media (min-width: 750px) {
    .nutrition__table-title {
      font-size: calc(16 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .nutrition__table-title {
      margin-bottom: calc(10 * 100vw / 1600); } }

.nutrition__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff; }

.nutrition__row {
  border-bottom: 1px solid #ddd; }

.nutrition__citric {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  gap: calc(30 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition__citric {
      gap: calc(30 * 100vw / 1600); } }

.nutrition__label,
.nutrition__value {
  font-size: calc(24 * 100vw / 750);
  text-align: left;
  font-weight: 400 !important; }
  @media (min-width: 750px) {
    .nutrition__label,
    .nutrition__value {
      font-size: calc(16 * 100vw / 1600); } }

.nutrition__label {
  padding: calc(15 * 100vw / 750) 0 calc(15 * 100vw / 750) calc(40 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition__label {
      padding: calc(13 * 100vw / 1600) 0 calc(13 * 100vw / 1600) calc(23 * 100vw / 1600); } }

.nutrition__value {
  padding-right: calc(62 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition__value {
      padding-right: calc(31 * 100vw / 1600); } }

.nutrition__ingredients {
  display: flex;
  justify-content: center;
  margin-top: calc(34 * 100vw / 750);
  gap: calc(0 * 100vw / 750);
  text-align: left; }
  @media (min-width: 750px) {
    .nutrition__ingredients {
      margin-top: calc(24 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .nutrition__ingredients {
      gap: calc(38 * 100vw / 1600); } }

.nutrition__ingredient {
  width: calc(600 * 100vw / 750); }
  @media (min-width: 750px) {
    .nutrition__ingredient {
      width: calc(341 * 100vw / 1600); } }

.nutrition__ingredient-title {
  font-size: calc(24 * 100vw / 750);
  margin-bottom: calc(20 * 100vw / 750);
  text-align: center; }
  @media (min-width: 750px) {
    .nutrition__ingredient-title {
      font-size: calc(14 * 100vw / 1600); } }
  @media (min-width: 750px) {
    .nutrition__ingredient-title {
      margin-bottom: calc(5 * 100vw / 1600); } }

.nutrition__ingredient-text {
  font-size: calc(24 * 100vw / 750);
  line-height: 1.6;
  font-feature-settings: "palt"; }
  @media (min-width: 750px) {
    .nutrition__ingredient-text {
      font-size: calc(14 * 100vw / 1600); } }

@media (max-width: 750px) {
  .nutrition__tables {
    flex-direction: column;
    align-items: center; }

  .nutrition__ingredients {
    flex-direction: column;
    align-items: center; } }

/*# sourceMappingURL=style.css.map */