* {
  margin: 0;
  padding: 0; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

a {
  color: inherit;
  transition: opacity 0.2s;
  text-decoration: none; }
  a:hover {
    opacity: 0.9;
    text-decoration: none; }

li {
  list-style: none; }

sup {
  color: #B2B2B2;
  display: inline-block;
  transform: scale(0.65) translate(0%, -0.3em);
  line-height: 1.0; }

a {
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  a:hover {
    opacity: 0.6; }

.icon_circle {
  display: flex;
  width: 100%;
  height: 100%;
  border: 1px solid white;
  justify-content: center;
  align-items: center;
  border-radius: 100px; }
  .icon_circle img {
    display: block; }

.note-item {
  display: flex;
  gap: 1em; }

.split-text {
  opacity: 0.0;
  white-space: nowrap; }
  .split-text.show em {
    filter: blur(0em);
    opacity: 1.0; }
  .split-text em {
    font-style: normal;
    opacity: 0.0;
    filter: blur(0.8em);
    transition: opacity 0.4s, filter 0.4s; }

@keyframes expansion {
  0% {
    top: -40px; }
  100% {
    top: 40px; } }

@keyframes scales {
  0% {
    opacity: 1.0;
    transform: translate(-50%, 0) scale(3, 1); }
  100% {
    opacity: 0.0;
    transform: translate(-50%, 0) scale(4.5, 1.5); } }

@media only screen and (min-width: 1024px) {
  .is-sp {
    display: none !important; }
  html {
    scroll-padding-top: 72px;
    scroll-behavior: smooth;
    width: 100vw;
    overflow-x: hidden;
    font-size: calc(62.5% * var(--cr)); }
  body {
    font-family: "Aktiv Grotesk", "Zen Kaku Gothic New", sans-serif;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: -0.04em;
    font-feature-settings: 'palt' on;
    width: 100vw;
    overflow-x: hidden;
    color: #434343; }
    body.fix {
      overflow: hidden;
      position: fixed; }
  header {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    background: #FFF;
    padding-left: 60px;
    padding-right: 60px;
    z-index: 100; }
    header .inner {
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header .inner .logo {
        padding-top: 19px;
        padding-bottom: 23px; }
      header .inner .btns {
        display: flex;
        gap: 0px;
        justify-content: flex-start;
        align-items: center;
        margin-right: -12px; }
        header .inner .btns a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 46px;
          height: 46px; }
          header .inner .btns a img {
            filter: brightness(0) saturate(100%) invert(22%) sepia(44%) saturate(2134%) hue-rotate(332deg) brightness(107%) contrast(115%); }
  footer {
    width: 100%;
    box-sizing: border-box;
    background: #AF231C;
    padding-left: 60px;
    padding-right: 60px;
    z-index: 100;
    color: #FFF; }
    footer.cover {
      color: black;
      background: #FFF; }
      footer.cover .inner {
        max-width: 1608px;
        margin: 0 auto;
        padding-top: 47px;
        padding-bottom: 47px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between; }
        footer.cover .inner .bottom {
          margin-top: 0px; }
    footer .inner {
      max-width: 1608px;
      margin: 0 auto;
      padding-top: 125px;
      padding-bottom: 125px; }
      footer .inner .footer-content {
        display: flex;
        justify-content: space-between; }
        footer .inner .footer-content .sns {
          margin-top: 52px; }
        footer .inner .footer-content .menu-items {
          font-size: 1.6rem;
          font-weight: 300;
          line-height: 2.0; }
          footer .inner .footer-content .menu-items .items {
            margin-bottom: 1em; }
            footer .inner .footer-content .menu-items .items:last-child {
              margin-bottom: 0px; }
      footer .inner .bottom {
        margin-top: 72px; }
        footer .inner .bottom .copy {
          font-size: 1.6rem;
          font-weight: 300; }
  menu {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 60px;
    height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 100;
    background: #AF231C;
    z-index: 1000;
    pointer-events: none;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%);
    transition: -webkit-clip-path 0.3s ease-out;
    transition: clip-path 0.3s ease-out;
    transition: clip-path 0.3s ease-out, -webkit-clip-path 0.3s ease-out; }
    menu.show {
      opacity: 1.0;
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      pointer-events: auto; }
    menu .inner {
      display: table;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      position: relative; }
      menu .inner .menu-content {
        display: table-cell;
        vertical-align: top; }
        menu .inner .menu-content > div {
          margin: 0 auto;
          position: relative;
          padding-top: 88px;
          padding-bottom: 88px; }
          menu .inner .menu-content > div .top {
            display: flex;
            justify-content: flex-start;
            margin-bottom: 70px; }
            menu .inner .menu-content > div .top .logo {
              width: 819px; }
              menu .inner .menu-content > div .top .logo a {
                display: block;
                width: 448px; }
                menu .inner .menu-content > div .top .logo a img {
                  width: 100%; }
            menu .inner .menu-content > div .top .sub-menu-items {
              display: flex;
              justify-content: space-between;
              gap: 31px;
              flex-wrap: wrap; }
              menu .inner .menu-content > div .top .sub-menu-items .sns {
                width: 100%;
                margin-bottom: 16px; }
              menu .inner .menu-content > div .top .sub-menu-items .items {
                max-width: 27.7rem; }
                menu .inner .menu-content > div .top .sub-menu-items .items .item a {
                  color: #FFF;
                  font-size: 1.8rem; }
          menu .inner .menu-content > div .btns {
            position: absolute;
            width: 100%;
            top: 0;
            right: -12px;
            display: flex;
            gap: 0px;
            justify-content: flex-end;
            align-items: center;
            height: 72px; }
            menu .inner .menu-content > div .btns a {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 46px;
              height: 46px; }
          menu .inner .menu-content > div .lineup .head {
            color: #FFF;
            font-size: 2.6rem;
            margin-bottom: 70px; }
          menu .inner .menu-content > div .lineup .lineup-items {
            display: flex;
            gap: 30px;
            flex-wrap: wrap; }
            menu .inner .menu-content > div .lineup .lineup-items .lineup-item {
              color: #FEC5C5; }
              menu .inner .menu-content > div .lineup .lineup-items .lineup-item .item-head {
                font-size: 2.6rem;
                margin-bottom: 1em;
                line-height: 1.5; }
              menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products {
                display: flex;
                gap: 30px; }
                menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product {
                  width: 175px; }
                  menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a {
                    display: block; }
                    menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a figure {
                      width: 100%; }
                      menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a figure img {
                        width: 100%; }
                    menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a .item-name {
                      margin-top: 1em;
                      margin-bottom: 0.5em;
                      font-size: 1.6rem;
                      line-height: 1.25;
                      letter-spacing: -0.04em; }
                    menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a .note {
                      font-size: 1.4rem;
                      letter-spacing: -0.06em; }
                      menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a .note sup {
                        color: #F1857F; }
          menu .inner .menu-content > div .menu-note {
            margin-top: 4em;
            color: #F1857F;
            font-size: 1.2rem;
            line-height: 1.5; }
  .fixbtn {
    position: fixed;
    bottom: 0px;
    left: calc(82% - 60px);
    z-index: 100; }
    .fixbtn.hide {
      transform: translate(0px, 100%); }
    .fixbtn a {
      background: #AF231C;
      display: flex;
      width: 100vw;
      height: 100px;
      padding: 0px 30px;
      justify-content: flex-start;
      align-items: center;
      gap: 30px;
      box-sizing: border-box; }
      .fixbtn a:hover, .fixbtn a:active {
        opacity: 1.0;
        background: white; }
        .fixbtn a:hover .icon_circle, .fixbtn a:active .icon_circle {
          filter: brightness(0) saturate(100%) invert(22%) sepia(44%) saturate(2134%) hue-rotate(332deg) brightness(107%) contrast(115%); }
        .fixbtn a:hover .label, .fixbtn a:active .label {
          color: #AF231C; }
      .fixbtn a .icon_circle {
        width: 48px;
        height: 48px; }
        .fixbtn a .icon_circle img {
          transform: scale(1.1) rotate(90deg); }
      .fixbtn a .label {
        color: #FFF;
        font-size: 2.0rem;
        font-weight: 300;
        line-height: 1.0;
        display: flex;
        flex-direction: column; }
        .fixbtn a .label .main {
          font-size: 2.0rem;
          line-height: 1.0;
          margin-bottom: 0.25em; }
        .fixbtn a .label .sub {
          font-size: 1.3rem;
          line-height: 1.0; }
  .content {
    padding-top: 72px; }
    .content section.product-list {
      padding-left: 60px;
      padding-right: 60px;
      padding-top: 90px;
      padding-bottom: 90px;
      position: relative;
      z-index: 0; }
      .content section.product-list.index {
        padding-top: 0px;
        padding-bottom: 0px; }
        .content section.product-list.index .sub .sub-inner {
          padding-top: 120px;
          padding-bottom: 120px; }
        .content section.product-list.index .item-sections {
          padding-top: 120px;
          padding-bottom: 120px; }
      .content section.product-list.serum {
        background: #F2EFEF; }
      .content section.product-list.gry {
        background: #F2EFEF; }
      .content section.product-list .inner {
        max-width: 1608px;
        margin: 0 auto;
        position: relative;
        padding: 0px 60px;
        box-sizing: border-box;
        display: flex;
        gap: 30px; }
        .content section.product-list .inner .sub {
          width: 175px;
          height: 100%;
          position: absolute;
          top: 0px; }
          .content section.product-list .inner .sub.show .head span {
            transform: translate(0px, 0%); }
          .content section.product-list .inner .sub.fixed {
            position: fixed;
            top: 72px; }
          .content section.product-list .inner .sub.bottom .sub-inner {
            position: absolute;
            bottom: 0px; }
          .content section.product-list .inner .sub .head {
            color: #AF231C;
            font-size: 2.6rem;
            overflow: hidden;
            margin-bottom: 35px;
            line-height: 1.5; }
            .content section.product-list .inner .sub .head span {
              display: inline-block;
              transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .content section.product-list .inner .sub .menu-items .item {
            position: relative; }
            .content section.product-list .inner .sub .menu-items .item.current::before {
              transform: scale(1); }
            .content section.product-list .inner .sub .menu-items .item:nth-child(1) a .label {
              transition-delay: 0.0s; }
            .content section.product-list .inner .sub .menu-items .item:nth-child(2) a .label {
              transition-delay: 0.1s; }
            .content section.product-list .inner .sub .menu-items .item:nth-child(3) a .label {
              transition-delay: 0.2s; }
            .content section.product-list .inner .sub .menu-items .item:nth-child(4) a .label {
              transition-delay: 0.3s; }
            .content section.product-list .inner .sub .menu-items .item:nth-child(5) a .label {
              transition-delay: 0.4s; }
            .content section.product-list .inner .sub .menu-items .item:nth-child(6) a .label {
              transition-delay: 0.5s; }
            .content section.product-list .inner .sub .menu-items .item:nth-child(7) a .label {
              transition-delay: 0.6s; }
            .content section.product-list .inner .sub .menu-items .item::before {
              content: "";
              display: block;
              width: 7px;
              height: 7px;
              border-radius: 10px;
              position: absolute;
              background: #AF231C;
              top: 10px;
              left: -13px;
              transform: scale(0); }
            .content section.product-list .inner .sub .menu-items .item a {
              display: flex;
              overflow: hidden; }
              .content section.product-list .inner .sub .menu-items .item a .label {
                display: inline-block;
                color: #434343;
                font-size: 1.6rem;
                line-height: 32px;
                /* 200% */
                transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .content section.product-list .inner .item-sections {
          width: calc(100% - 175px - 30px);
          padding-left: calc(175px + 30px); }
          .content section.product-list .inner .item-sections .section {
            padding-bottom: 100px;
            color: #434343; }
            .content section.product-list .inner .item-sections .section:last-child {
              padding-bottom: 0px; }
            .content section.product-list .inner .item-sections .section .head {
              font-size: 2.6rem;
              margin-bottom: 45px;
              line-height: 1.5;
              overflow: hidden; }
              .content section.product-list .inner .item-sections .section .head.show span {
                transform: translate(0px, 0%); }
              .content section.product-list .inner .item-sections .section .head span {
                display: inline-block;
                transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
            .content section.product-list .inner .item-sections .section .desc {
              margin-top: -28px;
              color: #7D7D7D;
              font-size: 1.8rem;
              overflow: hidden;
              line-height: 1.5;
              margin-bottom: 50px; }
              .content section.product-list .inner .item-sections .section .desc.show span {
                transform: translate(0px, 0%); }
              .content section.product-list .inner .item-sections .section .desc span {
                display: inline-block;
                transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-delay: 0.2s; }
            .content section.product-list .inner .item-sections .section .products {
              display: flex;
              flex-wrap: wrap;
              gap: 72px; }
              .content section.product-list .inner .item-sections .section .products .product {
                width: calc((100% - 72px - 72px) / 3);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 42px; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(1) figure, .content section.product-list .inner .item-sections .section .products .product:nth-child(4) figure, .content section.product-list .inner .item-sections .section .products .product:nth-child(7) figure {
                  transition-delay: 0.0s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(1) .item-txt, .content section.product-list .inner .item-sections .section .products .product:nth-child(4) .item-txt, .content section.product-list .inner .item-sections .section .products .product:nth-child(7) .item-txt {
                  transition-delay: 0.0s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(1) .btn a, .content section.product-list .inner .item-sections .section .products .product:nth-child(4) .btn a, .content section.product-list .inner .item-sections .section .products .product:nth-child(7) .btn a {
                  transition-delay: 0.0s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(2) figure, .content section.product-list .inner .item-sections .section .products .product:nth-child(5) figure, .content section.product-list .inner .item-sections .section .products .product:nth-child(8) figure {
                  transition-delay: 0.2s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(2) .item-txt, .content section.product-list .inner .item-sections .section .products .product:nth-child(5) .item-txt, .content section.product-list .inner .item-sections .section .products .product:nth-child(8) .item-txt {
                  transition-delay: 0.2s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(2) .btn a, .content section.product-list .inner .item-sections .section .products .product:nth-child(5) .btn a, .content section.product-list .inner .item-sections .section .products .product:nth-child(8) .btn a {
                  transition-delay: 0.2s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(3) figure, .content section.product-list .inner .item-sections .section .products .product:nth-child(6) figure, .content section.product-list .inner .item-sections .section .products .product:nth-child(9) figure {
                  transition-delay: 0.4s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(3) .item-txt, .content section.product-list .inner .item-sections .section .products .product:nth-child(6) .item-txt, .content section.product-list .inner .item-sections .section .products .product:nth-child(9) .item-txt {
                  transition-delay: 0.4s; }
                .content section.product-list .inner .item-sections .section .products .product:nth-child(3) .btn a, .content section.product-list .inner .item-sections .section .products .product:nth-child(6) .btn a, .content section.product-list .inner .item-sections .section .products .product:nth-child(9) .btn a {
                  transition-delay: 0.4s; }
                .content section.product-list .inner .item-sections .section .products .product.show figure {
                  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
                .content section.product-list .inner .item-sections .section .products .product.show .item-txt {
                  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
                .content section.product-list .inner .item-sections .section .products .product.show .btn a {
                  transform: translate(0px, 0%); }
                .content section.product-list .inner .item-sections .section .products .product figure {
                  flex-grow: 0;
                  width: 100%;
                  margin-bottom: 14px;
                  transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition-delay: 0.0s; }
                  .content section.product-list .inner .item-sections .section .products .product figure img {
                    width: 100%; }
                .content section.product-list .inner .item-sections .section .products .product .item-txt {
                  transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition-delay: 0.4s; }
                .content section.product-list .inner .item-sections .section .products .product .item-name {
                  font-size: 1.8rem;
                  font-weight: 500;
                  margin-bottom: 14px;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .item-cat {
                  font-size: 1.8rem;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .item-spec {
                  display: flex;
                  gap: 1em;
                  font-size: 1.8rem;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .item-note {
                  margin-top: 24px;
                  color: #7D7D7D;
                  font-size: 1.2rem;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .item-head {
                  margin-top: 24px;
                  font-size: 1.6rem;
                  font-weight: 500;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .item-desc {
                  font-size: 1.6rem;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .item-body {
                  margin-top: 8px;
                  color: #434343;
                  font-size: 1.6rem;
                  line-height: 1.5; }
                .content section.product-list .inner .item-sections .section .products .product .btn {
                  display: flex;
                  gap: 1px;
                  flex-grow: 0;
                  overflow: hidden; }
                  .content section.product-list .inner .item-sections .section .products .product .btn a {
                    background: #434343;
                    display: flex;
                    height: 60px;
                    justify-content: center;
                    align-items: center;
                    gap: 25px;
                    box-sizing: border-box; }
                    .content section.product-list .inner .item-sections .section .products .product .btn a:hover, .content section.product-list .inner .item-sections .section .products .product .btn a:active {
                      opacity: 1.0;
                      background: #AF231C; }
                    .content section.product-list .inner .item-sections .section .products .product .btn a .icon_circle {
                      width: 34px;
                      height: 34px; }
                    .content section.product-list .inner .item-sections .section .products .product .btn a .label {
                      color: #FFF;
                      font-size: 2.0rem;
                      font-weight: 300;
                      line-height: 1.0; }
                    .content section.product-list .inner .item-sections .section .products .product .btn a.btn_more {
                      justify-content: flex-start;
                      padding: 0px 25px;
                      width: calc(100% - 60px - 1px); }
                    .content section.product-list .inner .item-sections .section .products .product .btn a.btn_cart {
                      width: 60px; }
  .container.index section.kv {
    position: relative;
    z-index: 0;
    margin-top: 0px;
    padding: 0px 60px; }
    .container.index section.kv .inner {
      margin: 0 auto;
      position: relative; }
      .container.index section.kv .inner .bg img {
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: top center;
           object-position: top center; }
      .container.index section.kv .inner .logo {
        position: absolute;
        top: calc(var(--cw) * 68 / 1608);
        left: 82%;
        width: 7.7%;
        transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .container.index section.kv .inner .logo img {
          width: 100%; }
      .container.index section.kv .inner .copy {
        position: absolute;
        width: 25.3%;
        left: 102px;
        top: 10.6%;
        transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .container.index section.kv .inner .copy img {
          position: absolute;
          width: 100%;
          top: 0px;
          left: 0px; }
  .container.index section.intro {
    position: relative;
    background: #AF231C;
    display: flex;
    justify-content: center; }
    .container.index section.intro .inner {
      width: 50%;
      padding-left: 60px;
      box-sizing: border-box;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .container.index section.intro .inner .txt {
        max-width: calc(1608px / 2);
        margin-right: 0px;
        margin-left: auto;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px; }
        .container.index section.intro .inner .txt .copy {
          margin-bottom: 98px;
          margin-left: 102px;
          width: 380px;
          height: 121px;
          position: relative; }
          .container.index section.intro .inner .txt .copy.show {
            opacity: 1.0; }
            .container.index section.intro .inner .txt .copy.show img {
              transform: translate(0px, 0%); }
          .container.index section.intro .inner .txt .copy .txt-line {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 380px;
            height: 51px;
            overflow: hidden; }
            .container.index section.intro .inner .txt .copy .txt-line:first-child {
              top: 0px; }
              .container.index section.intro .inner .txt .copy .txt-line:first-child img {
                transition-delay: 0.0s; }
            .container.index section.intro .inner .txt .copy .txt-line:last-child {
              top: 61px; }
              .container.index section.intro .inner .txt .copy .txt-line:last-child img {
                transition-delay: 0.4s; }
          .container.index section.intro .inner .txt .copy img {
            position: absolute;
            width: 100%;
            top: 0px;
            left: 0px;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .container.index section.intro .inner .txt .desc {
          color: #FFC6C6;
          font-size: 1.6rem;
          font-weight: 500;
          line-height: 36px;
          margin-left: 173px;
          padding-right: 60px; }
          .container.index section.intro .inner .txt .desc sup {
            color: #FFC6C6; }
          .container.index section.intro .inner .txt .desc p {
            margin-bottom: 1.0em; }
        .container.index section.intro .inner .txt .note-item {
          margin-top: 2.5em;
          line-height: 1.5; }
    .container.index section.intro .img {
      width: 50%;
      overflow: hidden;
      -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
              clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
      transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.2s; }
      .container.index section.intro .img.show {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.index section.intro .img img {
        width: 100%;
        height: calc(100% + 0px);
        -o-object-fit: cover;
           object-fit: cover; }
  .container.index section.news {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 0;
    background: #F2EFEF;
    transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .container.index section.news.show {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .container.index section.news .inner {
      max-width: 1608px;
      margin: 0 auto;
      position: relative;
      padding: 0px 60px;
      box-sizing: border-box;
      display: flex;
      gap: 30px; }
      .container.index section.news .inner .sub {
        width: 175px; }
        .container.index section.news .inner .sub.show .head span {
          transform: translate(0px, 0%); }
        .container.index section.news .inner .sub .head {
          color: #AF231C;
          font-size: 2.6rem;
          line-height: 1.0;
          overflow: hidden; }
          .container.index section.news .inner .sub .head span {
            display: inline-block;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .container.index section.news .inner .btn {
        margin-top: 50px;
        display: flex;
        gap: 1px;
        flex-grow: 0;
        width: calc((100% - 72px - 72px) / 3);
        overflow: hidden; }
        .container.index section.news .inner .btn.show a {
          transform: translate(0px, 0%); }
        .container.index section.news .inner .btn a {
          background: #434343;
          display: flex;
          height: 60px;
          justify-content: center;
          align-items: center;
          gap: 25px;
          box-sizing: border-box;
          transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: 0.7s; }
          .container.index section.news .inner .btn a:hover, .container.index section.news .inner .btn a:active {
            opacity: 1.0;
            background: #AF231C; }
          .container.index section.news .inner .btn a .icon_circle {
            width: 34px;
            height: 34px; }
          .container.index section.news .inner .btn a .label {
            color: #FFF;
            font-size: 2.0rem;
            font-weight: 300;
            line-height: 1.0; }
          .container.index section.news .inner .btn a.btn_more {
            justify-content: flex-start;
            padding: 0px 25px;
            width: calc(100%); }
      .container.index section.news .inner .item-sections {
        width: calc(100% - 175px - 30px); }
        .container.index section.news .inner .item-sections .news-items {
          display: flex;
          flex-wrap: wrap;
          gap: 50px 102px; }
          .container.index section.news .inner .item-sections .news-items .item.show a figure {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
          .container.index section.news .inner .item-sections .news-items .item.show a .txt {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
          .container.index section.news .inner .item-sections .news-items .item a {
            display: flex;
            gap: 40px; }
            .container.index section.news .inner .item-sections .news-items .item a figure {
              width: 205px;
              transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition-delay: 0.0s; }
              .container.index section.news .inner .item-sections .news-items .item a figure img {
                width: 100%; }
            .container.index section.news .inner .item-sections .news-items .item a .txt {
              width: calc(100% - 205px - 40px);
              color: #434343;
              font-size: 1.8rem;
              transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition-delay: 0.4s; }
              .container.index section.news .inner .item-sections .news-items .item a .txt .date {
                line-height: 1.0;
                margin-bottom: 1em; }
              .container.index section.news .inner .item-sections .news-items .item a .txt .title {
                font-size: 1.8rem;
                line-height: 1.5; }
  .container.product-detail .product-detail-wrap {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 90px;
    position: relative;
    z-index: 0; }
    .container.product-detail .product-detail-wrap .inner {
      max-width: 1608px;
      margin: 0 auto;
      position: relative;
      display: flex;
      gap: 72px; }
  .container.product-detail section.kv {
    width: calc((100% - 72px) / 2);
    overflow: hidden; }
    .container.product-detail section.kv.show .slides {
      opacity: 1.0; }
    .container.product-detail section.kv .slides {
      overflow: hidden;
      position: relative;
      transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.0s;
      opacity: 0.0; }
      .container.product-detail section.kv .slides .slider .swiper-wrapper {
        height: auto; }
      .container.product-detail section.kv .slides .thumbnail {
        position: absolute;
        bottom: 10px;
        left: 10px; }
        .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide {
          width: 50px !important;
          height: 50px !important;
          border-radius: 50px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, 0); }
          .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
          .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
            border: 1px solid white; }
            .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
              opacity: 0.5; }
  .container.product-detail section.detail {
    width: calc((100% - 72px) / 2);
    padding-top: 30px; }
    .container.product-detail section.detail .name {
      font-size: 2.8rem;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 0.5em; }
    .container.product-detail section.detail .cat {
      font-size: 1.8rem;
      line-height: 1.5; }
    .container.product-detail section.detail .item-spec {
      display: flex;
      gap: 1em;
      font-size: 2.2rem;
      line-height: 1.5; }
    .container.product-detail section.detail .btn {
      margin-top: 60px;
      margin-bottom: 70px;
      display: flex;
      gap: 1px;
      flex-grow: 0;
      overflow: hidden; }
      .container.product-detail section.detail .btn.show a {
        transform: translate(0px, 0%); }
      .container.product-detail section.detail .btn a {
        background: #AF231C;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 25px;
        width: 100%;
        height: 100px;
        padding: 0px 30px;
        box-sizing: border-box; }
        .container.product-detail section.detail .btn a:hover, .container.product-detail section.detail .btn a:active {
          opacity: 1.0;
          background: #434343; }
        .container.product-detail section.detail .btn a .icon_circle {
          width: 34px;
          height: 34px; }
        .container.product-detail section.detail .btn a .label {
          color: #FFF;
          font-size: 2.0rem;
          font-weight: 300;
          line-height: 1.0;
          display: flex;
          flex-direction: column; }
          .container.product-detail section.detail .btn a .label .main {
            font-size: 2.0rem;
            font-weight: 300;
            line-height: 1.0;
            margin-bottom: 0.25em; }
          .container.product-detail section.detail .btn a .label .sub {
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 1.0; }
    .container.product-detail section.detail .copy {
      font-size: 2.0rem;
      line-height: 1.5;
      margin-bottom: 70px; }
    .container.product-detail section.detail .item-sub {
      font-size: 1.6rem;
      line-height: 1.5;
      margin-bottom: 70px; }
    .container.product-detail section.detail .desc-block {
      margin-bottom: 50px;
      transition: -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.4s; }
      .container.product-detail section.detail .desc-block.show {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.product-detail section.detail .desc-block:last-child {
        margin-bottom: 0px; }
      .container.product-detail section.detail .desc-block ol {
        display: flex;
        flex-direction: column;
        gap: 0.5em; }
        .container.product-detail section.detail .desc-block ol li {
          margin-left: 1.2em;
          padding-left: 0.8em;
          list-style: decimal; }
          .container.product-detail section.detail .desc-block ol li::marker {
            color: #AF231C; }
      .container.product-detail section.detail .desc-block ul {
        display: flex;
        flex-direction: column; }
        .container.product-detail section.detail .desc-block ul li {
          margin-left: 1.5em;
          padding-left: 0em;
          list-style: disc; }
      .container.product-detail section.detail .desc-block .desc-head {
        color: #AF231C;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 1em; }
      .container.product-detail section.detail .desc-block .desc-lead {
        font-size: 2.0rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 40px; }
        .container.product-detail section.detail .desc-block .desc-lead sup {
          font-size: 1.6rem; }
      .container.product-detail section.detail .desc-block .desc-txt {
        font-size: 1.6rem;
        line-height: 1.75;
        margin-bottom: 1em; }
      .container.product-detail section.detail .desc-block .desc-note {
        color: #7D7D7D;
        font-size: 1.2rem;
        line-height: 1.5; }
      .container.product-detail section.detail .desc-block .desc-ingredient {
        display: flex;
        gap: 26px;
        justify-content: flex-start;
        align-items: flex-start; }
        .container.product-detail section.detail .desc-block .desc-ingredient .item {
          position: relative;
          z-index: 1; }
          .container.product-detail section.detail .desc-block .desc-ingredient .item figure img {
            width: 133px;
            height: 133px;
            border-radius: 133px;
            -o-object-fit: cover;
               object-fit: cover; }
          .container.product-detail section.detail .desc-block .desc-ingredient .item .ingredient-name {
            margin-top: 11px;
            text-align: center;
            color: #434343;
            font-size: 1.4rem;
            line-height: 1.0;
            white-space: nowrap; }
            .container.product-detail section.detail .desc-block .desc-ingredient .item .ingredient-name sup {
              font-size: 1.2rem; }
      .container.product-detail section.detail .desc-block .desc-step {
        font-size: 1.6rem;
        margin-bottom: 1em; }
      .container.product-detail section.detail .desc-block .desc-all-ingredient {
        color: #7D7D7D;
        font-size: 1.4rem;
        line-height: 1.5; }
  .container.news .news-items {
    position: relative;
    z-index: 0; }
  .container.news .news-item {
    padding-left: 60px;
    padding-right: 60px;
    position: relative; }
    .container.news .news-item:nth-child(even) {
      background: #F2EFEF; }
    .container.news .news-item .news-item-inner {
      position: relative;
      display: flex;
      gap: 102px;
      max-width: 1608px;
      margin: 0 auto;
      box-sizing: border-box; }
    .container.news .news-item .news-img {
      width: calc((var(--cw)  - 102px) / 2);
      height: 100%;
      position: absolute;
      top: 0px;
      transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.0s; }
      .container.news .news-item .news-img.show {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.news .news-item .news-img.fixed {
        position: fixed;
        top: 72px; }
      .container.news .news-item .news-img.bottom img {
        position: absolute;
        bottom: 0px; }
      .container.news .news-item .news-img img {
        width: 100%; }
    .container.news .news-item .news-txt {
      width: calc((100% - 102px) / 2);
      padding-top: 102px;
      padding-right: 102px;
      padding-bottom: 102px;
      padding-left: calc(((100% - 102px) / 2) + 102px); }
      .container.news .news-item .news-txt.show .news-head .date span {
        transform: translate(0px, 0%); }
      .container.news .news-item .news-txt.show .news-head .title span {
        transform: translate(0px, 0%); }
      .container.news .news-item .news-txt.show .news-body {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.news .news-item .news-txt.show .news-note {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.news .news-item .news-txt.show .btn a {
        transform: translate(0px, 0%); }
      .container.news .news-item .news-txt .news-head {
        margin-bottom: 56px; }
        .container.news .news-item .news-txt .news-head .date {
          color: #7D7D7D;
          font-size: 2.0rem;
          line-height: 1.5;
          margin-bottom: 40px;
          overflow: hidden; }
          .container.news .news-item .news-txt .news-head .date span {
            display: inline-block;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-delay: 0.2s; }
        .container.news .news-item .news-txt .news-head .title {
          font-size: 3.2rem;
          font-weight: 500;
          line-height: 1.4;
          overflow: hidden; }
          .container.news .news-item .news-txt .news-head .title span {
            display: inline-block;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-delay: 0.4s; }
      .container.news .news-item .news-txt .news-body {
        transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.7s; }
        .container.news .news-item .news-txt .news-body .txt-lg {
          color: #7D7D7D; }
        .container.news .news-item .news-txt .news-body .news-desc {
          color: #434343;
          font-size: 1.6rem;
          line-height: 1.5;
          margin-bottom: 40px; }
        .container.news .news-item .news-txt .news-body .news-head {
          font-size: 2.0rem;
          line-height: 1.5;
          margin-bottom: 40px; }
        .container.news .news-item .news-txt .news-body .news-sub {
          font-size: 1.4rem;
          line-height: 1.5;
          margin-bottom: 40px; }
      .container.news .news-item .news-txt .news-note {
        margin-top: 24px;
        color: #7D7D7D;
        font-size: 1.2rem;
        line-height: 1.5;
        transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 1.2s; }
      .container.news .news-item .news-txt .btn {
        display: flex;
        gap: 1px;
        flex-grow: 0;
        margin-top: 56px;
        overflow: hidden; }
        .container.news .news-item .news-txt .btn a {
          background: #434343;
          display: flex;
          height: 60px;
          justify-content: center;
          align-items: center;
          gap: 25px;
          box-sizing: border-box; }
          .container.news .news-item .news-txt .btn a:hover, .container.news .news-item .news-txt .btn a:active {
            opacity: 1.0;
            background: #AF231C; }
          .container.news .news-item .news-txt .btn a .icon_circle {
            width: 34px;
            height: 34px; }
          .container.news .news-item .news-txt .btn a .label {
            color: #FFF;
            font-size: 2.0rem;
            font-weight: 300;
            line-height: 1.0; }
          .container.news .news-item .news-txt .btn a.btn_more {
            justify-content: flex-start;
            padding: 0px 25px;
            width: calc(100%); }
          .container.news .news-item .news-txt .btn a.btn_cart {
            width: 60px; }
  .container.cover .content {
    padding: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center; }
  .container.cover section.covers {
    width: 100%;
    max-width: 1728px;
    max-height: 1079px;
    display: flex; }
    .container.cover section.covers .cover {
      width: 50%;
      height: 100vh;
      max-height: 1079px;
      position: relative; }
      .container.cover section.covers .cover a {
        display: block; }
      .container.cover section.covers .cover.derma .btn {
        width: 241px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        gap: 26px;
        background: #AF231C; }
      .container.cover section.covers .cover.mqure .btn {
        width: 228px;
        height: 80px;
        border-radius: 40px;
        border: 1px solid #000;
        background: #FFF;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 20px;
        box-sizing: border-box; }
        .container.cover section.covers .cover.mqure .btn .icon {
          position: absolute;
          top: 50%;
          right: 18px;
          transform: translate(0px, -50%); }
      .container.cover section.covers .cover .bg {
        width: 100%;
        height: 100%; }
        .container.cover section.covers .cover .bg img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .container.cover section.covers .cover .logo {
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translate(-50%, 0px); }
      .container.cover section.covers .cover .copy {
        position: absolute;
        top: 233px;
        left: 50%;
        transform: translate(-50%, 0px); }
      .container.cover section.covers .cover .btn {
        position: absolute;
        bottom: 42px;
        left: 50%;
        transform: translate(-50%, 0px); }
  .container.index {
    overflow: hidden; }
    .container.index header {
      transform: translate(0px, -72px);
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.4s; }
    .container.index section.kv {
      padding: 0px 0px;
      margin-top: -72px;
      transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0.0; }
      .container.index section.kv .bg img {
        transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        aspect-ratio: 100vw / 100vh; }
    .container.index section.intro {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
      transition: -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .container.index .fixbtn {
      transform: translate(0px, 100%);
      transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.6s; }
    .container.index.show section.kv {
      opacity: 1.0; }
    .container.index.after header {
      transform: translate(0px, 0px); }
    .container.index.after section.kv {
      margin-top: 0px;
      padding: 0px 60px; }
      .container.index.after section.kv .bg img {
        aspect-ratio: 3216 / 2074; }
    .container.index.after section.intro {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .container.index.after .fixbtn {
      transform: translate(0px, 0%); }
      .container.index.after .fixbtn.hide {
        transition-delay: 0.0s;
        transform: translate(0px, 100%); } }

@media only screen and (max-width: 1023px) {
  .is-pc {
    display: none !important; }
  html {
    scroll-padding-top: 58px;
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
    font-size: calc(62.5%); }
  body {
    font-family: "Aktiv Grotesk", "Zen Kaku Gothic New", sans-serif;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: -0.04em;
    font-feature-settings: 'palt' on;
    width: 100vw;
    overflow-x: hidden;
    color: #434343; }
  header {
    position: fixed;
    width: 100%;
    height: 47px;
    box-sizing: border-box;
    background: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 100; }
    header .inner {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      header .inner .btns {
        display: flex;
        gap: 0px;
        justify-content: flex-start;
        align-items: center;
        margin-right: -8px; }
        header .inner .btns a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 35px;
          height: 47px; }
          header .inner .btns a svg {
            width: 18px;
            height: 18px; }
          header .inner .btns a img {
            height: 21px;
            width: auto;
            filter: brightness(0) saturate(100%) invert(22%) sepia(44%) saturate(2134%) hue-rotate(332deg) brightness(107%) contrast(115%); }
  footer {
    width: 100%;
    box-sizing: border-box;
    background: #AF231C;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 100;
    color: #FFF; }
    footer.cover {
      color: black;
      background: #FFF; }
      footer.cover .inner {
        padding-top: 47px;
        padding-bottom: 47px;
        justify-content: space-between; }
        footer.cover .inner .bottom {
          margin-top: 42px; }
    footer .inner {
      margin: 0 auto;
      padding-top: 66px;
      padding-bottom: 66px; }
      footer .inner .footer-content .logos {
        margin-bottom: 75px; }
      footer .inner .footer-content .logo {
        margin-bottom: 40px; }
        footer .inner .footer-content .logo a {
          display: block;
          width: 190px; }
          footer .inner .footer-content .logo a img {
            display: block;
            width: 100%; }
      footer .inner .footer-content .sns {
        margin-top: 40px; }
      footer .inner .footer-content .menu-items {
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 2.0; }
        footer .inner .footer-content .menu-items .items {
          margin-bottom: 1em; }
          footer .inner .footer-content .menu-items .items:last-child {
            margin-bottom: 0px; }
      footer .inner .bottom {
        margin-top: 117px; }
        footer .inner .bottom .copy {
          font-size: 1.4rem;
          font-weight: 300; }
  .fixbtn {
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: flex;
    gap: 1px;
    flex-grow: 0;
    z-index: 101;
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.4s; }
    .fixbtn.show {
      transform: translate(0px, 0%); }
    .fixbtn a {
      background: #AF231C;
      display: flex;
      width: 210px;
      height: 60px;
      padding: 0px 20px;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
      box-sizing: border-box; }
      .fixbtn a:hover, .fixbtn a:active {
        opacity: 1.0;
        background: white; }
        .fixbtn a:hover .icon_circle, .fixbtn a:active .icon_circle {
          filter: brightness(0) saturate(100%) invert(22%) sepia(44%) saturate(2134%) hue-rotate(332deg) brightness(107%) contrast(115%); }
        .fixbtn a:hover .label, .fixbtn a:active .label {
          color: #AF231C; }
      .fixbtn a .icon_circle {
        width: 34px;
        height: 34px; }
      .fixbtn a .label {
        color: #FFF;
        font-size: 2.0rem;
        font-weight: 300;
        line-height: 1.0;
        display: flex;
        flex-direction: column; }
        .fixbtn a .label .main {
          font-size: 1.6rem;
          font-weight: 300;
          line-height: 1.0;
          margin-bottom: 0.25em; }
        .fixbtn a .label .sub {
          font-size: 1.4rem;
          line-height: 1.0; }
  menu {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 100;
    background: #AF231C;
    z-index: 1000;
    opacity: 1.0;
    pointer-events: none;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); }
    menu.show {
      opacity: 1.0;
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      pointer-events: auto; }
    menu .inner {
      display: table;
      width: 100%;
      margin: 0 auto;
      position: relative; }
      menu .inner .menu-content {
        display: table-cell;
        vertical-align: top; }
        menu .inner .menu-content > div {
          padding-top: 67px;
          padding-bottom: 80px; }
          menu .inner .menu-content > div .top {
            display: flex;
            justify-content: flex-start;
            margin-bottom: 70px; }
            menu .inner .menu-content > div .top .logo {
              width: 270px; }
              menu .inner .menu-content > div .top .logo a {
                display: block;
                width: 270px; }
                menu .inner .menu-content > div .top .logo a img {
                  width: 100%; }
            menu .inner .menu-content > div .top .sub-menu-items {
              display: none; }
          menu .inner .menu-content > div .btns {
            position: fixed;
            width: 100%;
            top: 0;
            right: 12px;
            display: flex;
            gap: 0px;
            justify-content: flex-end;
            align-items: center;
            height: 47px; }
            menu .inner .menu-content > div .btns a {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 35px;
              height: 47px; }
              menu .inner .menu-content > div .btns a svg {
                width: 18px;
                height: 18px; }
              menu .inner .menu-content > div .btns a img {
                height: 21px;
                width: auto; }
          menu .inner .menu-content > div .lineup .head {
            color: #FFF;
            font-size: 2.6rem;
            margin-bottom: 60px; }
          menu .inner .menu-content > div .lineup .lineup-items {
            display: flex;
            gap: 20px;
            flex-wrap: wrap; }
            menu .inner .menu-content > div .lineup .lineup-items .lineup-item {
              color: #FEC5C5; }
              menu .inner .menu-content > div .lineup .lineup-items .lineup-item.item-h {
                width: calc((100% - 20px) / 2); }
                menu .inner .menu-content > div .lineup .lineup-items .lineup-item.item-h .products .product {
                  width: 100%; }
              menu .inner .menu-content > div .lineup .lineup-items .lineup-item .item-head {
                font-size: 2.6rem;
                line-height: 1.5;
                margin-bottom: 2.5rem; }
              menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products {
                display: flex;
                gap: 20px;
                flex-wrap: wrap; }
                menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product {
                  width: calc((100% - 20px) / 2); }
                  menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a {
                    display: block; }
                    menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a figure {
                      width: 100%; }
                      menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a figure img {
                        width: 100%; }
                    menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a .item-name {
                      margin-top: 1em;
                      margin-bottom: 0.5em;
                      font-size: 1.6rem;
                      line-height: 1.25; }
                    menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a .note {
                      font-size: 1.4rem; }
                      menu .inner .menu-content > div .lineup .lineup-items .lineup-item .products .product a .note sup {
                        color: #F1857F; }
          menu .inner .menu-content > div .menu-note {
            margin-top: 4em;
            color: #F1857F;
            font-size: 1.2rem;
            line-height: 1.5; }
          menu .inner .menu-content > div .sns {
            margin-top: 64px;
            margin-bottom: 64px; }
          menu .inner .menu-content > div .menu-items {
            color: #FFF;
            font-size: 1.4rem;
            font-weight: 300;
            line-height: 2.0; }
            menu .inner .menu-content > div .menu-items .items {
              margin-bottom: 1em; }
              menu .inner .menu-content > div .menu-items .items:last-child {
                margin-bottom: 0px; }
  .container.show {
    transition: 1.2s;
    opacity: 1.0; }
  .content {
    padding-top: 47px; }
    .content section.product-list {
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
      z-index: 0;
      padding-top: 50px;
      padding-bottom: 50px; }
      .content section.product-list.index {
        padding-top: 70px;
        padding-bottom: 70px; }
      .content section.product-list.serum {
        background: #F2EFEF; }
      .content section.product-list.shot {
        padding-bottom: 0px; }
      .content section.product-list .inner {
        box-sizing: border-box; }
        .content section.product-list .inner .sub.show .head span {
          transform: translate(0px, 0%); }
        .content section.product-list .inner .sub .head {
          color: #AF231C;
          font-size: 2.4rem;
          margin-bottom: 35px;
          line-height: 1.5;
          overflow: hidden; }
          .content section.product-list .inner .sub .head span {
            display: inline-block;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .content section.product-list .inner .sub .menu-items {
          display: none; }
        .content section.product-list .inner .item-sections .section {
          margin-bottom: 80px;
          color: #434343; }
          .content section.product-list .inner .item-sections .section:last-child {
            margin-bottom: 0px; }
          .content section.product-list .inner .item-sections .section .head {
            font-size: 1.8rem;
            margin-bottom: 1em;
            line-height: 1.5;
            overflow: hidden; }
            .content section.product-list .inner .item-sections .section .head.show span {
              transform: translate(0px, 0%); }
            .content section.product-list .inner .item-sections .section .head span {
              display: inline-block;
              transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .content section.product-list .inner .item-sections .section .desc {
            color: #7D7D7D;
            font-size: 1.4rem;
            line-height: 1.5;
            margin-bottom: 1.5em; }
            .content section.product-list .inner .item-sections .section .desc.show span {
              transform: translate(0px, 0%); }
            .content section.product-list .inner .item-sections .section .desc span {
              display: inline-block;
              transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition-delay: 0.2s; }
          .content section.product-list .inner .item-sections .section .products {
            display: flex;
            flex-wrap: wrap;
            gap: 50px 20px; }
            .content section.product-list .inner .item-sections .section .products .product {
              width: calc((100% - 20px) / 2);
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              gap: 27px; }
              .content section.product-list .inner .item-sections .section .products .product:nth-child(odd) figure {
                transition-delay: 0.0s; }
              .content section.product-list .inner .item-sections .section .products .product:nth-child(odd) .item-txt {
                transition-delay: 0.0s; }
              .content section.product-list .inner .item-sections .section .products .product:nth-child(odd) .btn a {
                transition-delay: 0.0s; }
              .content section.product-list .inner .item-sections .section .products .product:nth-child(even) figure {
                transition-delay: 0.2s; }
              .content section.product-list .inner .item-sections .section .products .product:nth-child(even) .item-txt {
                transition-delay: 0.2s; }
              .content section.product-list .inner .item-sections .section .products .product:nth-child(even) .btn a {
                transition-delay: 0.2s; }
              .content section.product-list .inner .item-sections .section .products .product.show figure {
                -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
              .content section.product-list .inner .item-sections .section .products .product.show .item-txt {
                -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
              .content section.product-list .inner .item-sections .section .products .product.show .btn a {
                transform: translate(0px, 0%); }
              .content section.product-list .inner .item-sections .section .products .product figure {
                flex-grow: 0;
                width: 100%;
                margin-bottom: 14px;
                transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-delay: 0.0s; }
                .content section.product-list .inner .item-sections .section .products .product figure img {
                  width: 100%; }
              .content section.product-list .inner .item-sections .section .products .product .item-txt {
                transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-delay: 0.4s; }
              .content section.product-list .inner .item-sections .section .products .product .item-name {
                font-size: 1.6rem;
                font-weight: 500;
                margin-bottom: 14px;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .item-cat {
                font-size: 1.4rem;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .item-spec {
                display: flex;
                gap: 1em;
                font-size: 1.4rem;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .item-note {
                margin-top: 20px;
                color: #7D7D7D;
                font-size: 1.0rem;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .item-head {
                margin-top: 20px;
                font-size: 1.2rem;
                font-weight: 500;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .item-desc {
                font-size: 1.2rem;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .item-body {
                margin-top: 8px;
                color: #434343;
                font-size: 1.2rem;
                line-height: 1.5; }
              .content section.product-list .inner .item-sections .section .products .product .btn {
                display: flex;
                gap: 1px;
                flex-grow: 0;
                overflow: hidden; }
                .content section.product-list .inner .item-sections .section .products .product .btn a {
                  background: #434343;
                  display: flex;
                  height: 48px;
                  justify-content: center;
                  align-items: center;
                  gap: 11px;
                  box-sizing: border-box;
                  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition-delay: 0.4s; }
                  .content section.product-list .inner .item-sections .section .products .product .btn a:hover, .content section.product-list .inner .item-sections .section .products .product .btn a:active {
                    opacity: 1.0;
                    background: #AF231C; }
                  .content section.product-list .inner .item-sections .section .products .product .btn a .icon_circle {
                    width: 24px;
                    height: 24px; }
                    .content section.product-list .inner .item-sections .section .products .product .btn a .icon_circle img {
                      width: 9px; }
                  .content section.product-list .inner .item-sections .section .products .product .btn a .label {
                    color: #FFF;
                    font-size: 1.6rem;
                    font-weight: 300;
                    line-height: 1.0; }
                  .content section.product-list .inner .item-sections .section .products .product .btn a.btn_more {
                    justify-content: flex-start;
                    padding: 0px 11px;
                    width: calc(100% - 48px - 1px); }
                  .content section.product-list .inner .item-sections .section .products .product .btn a.btn_cart {
                    width: 48px; }
  .container.index section.kv {
    position: relative;
    z-index: 0;
    overflow: hidden; }
    .container.index section.kv .inner {
      position: relative;
      width: 100%;
      aspect-ratio: 440 / 678; }
      .container.index section.kv .inner .bg {
        transition: -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .container.index section.kv .inner .bg.show {
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
        .container.index section.kv .inner .bg img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .container.index section.kv .inner .logo {
        display: none;
        transition: -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.4s; }
        .container.index section.kv .inner .logo.show {
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.index section.kv .inner .copy {
        position: absolute;
        width: calc(var(--cw) * 211 / 440);
        left: 20px;
        top: calc(var(--cw) * 65 / 440); }
        .container.index section.kv .inner .copy.show {
          opacity: 1.0; }
          .container.index section.kv .inner .copy.show img {
            transform: translate(0px, 0%); }
        .container.index section.kv .inner .copy .txt-line {
          position: absolute;
          top: 0px;
          left: 0px;
          width: calc(var(--cw) * 211 / 440);
          height: calc(var(--cw) * 30 / 440);
          overflow: hidden; }
          .container.index section.kv .inner .copy .txt-line:first-child {
            top: 0px; }
            .container.index section.kv .inner .copy .txt-line:first-child img {
              transition-delay: 0.0s; }
          .container.index section.kv .inner .copy .txt-line:last-child {
            top: calc(var(--cw) * 40 / 440); }
            .container.index section.kv .inner .copy .txt-line:last-child img {
              transition-delay: 0.4s; }
        .container.index section.kv .inner .copy img {
          position: absolute;
          width: 100%;
          top: 0px;
          left: 0px;
          transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .container.index section.intro {
    position: relative;
    background: #AF231C;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse; }
    .container.index section.intro .inner {
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .container.index section.intro .inner .txt {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px; }
        .container.index section.intro .inner .txt .copy {
          margin-bottom: 46px;
          width: 211px;
          height: 67px;
          position: relative; }
          .container.index section.intro .inner .txt .copy.show img {
            transform: translate(0px, 0%); }
          .container.index section.intro .inner .txt .copy .txt-line {
            position: absolute;
            top: 0px;
            left: 0px;
            width: calc(var(--cw) * 211 / 440);
            height: calc(var(--cw) * 30 / 440);
            overflow: hidden; }
            .container.index section.intro .inner .txt .copy .txt-line:first-child {
              top: 0px; }
              .container.index section.intro .inner .txt .copy .txt-line:first-child img {
                transition-delay: 0.0s; }
            .container.index section.intro .inner .txt .copy .txt-line:last-child {
              top: calc(var(--cw) * 40 / 440); }
              .container.index section.intro .inner .txt .copy .txt-line:last-child img {
                transition-delay: 0.4s; }
          .container.index section.intro .inner .txt .copy img {
            position: absolute;
            width: 100%;
            top: 0px;
            left: 0px;
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .container.index section.intro .inner .txt .desc {
          color: #FFC6C6;
          font-size: 1.4rem;
          font-weight: 500;
          line-height: 36px;
          padding-left: 40px;
          padding-right: 20px; }
          .container.index section.intro .inner .txt .desc p {
            margin-bottom: 1.0em; }
            .container.index section.intro .inner .txt .desc p sup {
              color: #FFC6C6; }
          .container.index section.intro .inner .txt .desc .note-item {
            margin-top: 2.5em;
            line-height: 1.5; }
    .container.index section.intro .img {
      width: 100%;
      transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.0s; }
      .container.index section.intro .img.show {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.index section.intro .img img {
        width: 100%;
        aspect-ratio: 1698 / 1600;
        -o-object-fit: cover;
           object-fit: cover; }
  .container.index section.news {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    z-index: 0;
    background: #F2EFEF;
    transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .container.index section.news.show {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .container.index section.news .inner {
      position: relative;
      box-sizing: border-box; }
      .container.index section.news .inner .sub.show .head span {
        transform: translate(0px, 0%); }
      .container.index section.news .inner .sub .head {
        color: #AF231C;
        font-size: 2.4rem;
        margin-bottom: 35px;
        line-height: 1.5;
        overflow: hidden; }
        .container.index section.news .inner .sub .head span {
          display: inline-block;
          transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .container.index section.news .inner .btn {
        display: flex;
        gap: 1px;
        flex-grow: 0;
        margin-top: 30px;
        overflow: hidden; }
        .container.index section.news .inner .btn.show a {
          transform: translate(0px, 0%); }
        .container.index section.news .inner .btn a {
          background: #434343;
          display: flex;
          height: 48px;
          justify-content: center;
          align-items: center;
          gap: 11px;
          box-sizing: border-box;
          transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: 0.7s; }
          .container.index section.news .inner .btn a:hover, .container.index section.news .inner .btn a:active {
            opacity: 1.0;
            background: #AF231C; }
          .container.index section.news .inner .btn a .icon_circle {
            width: 24px;
            height: 24px; }
            .container.index section.news .inner .btn a .icon_circle img {
              width: 9px; }
          .container.index section.news .inner .btn a .label {
            color: #FFF;
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 1.0; }
          .container.index section.news .inner .btn a.btn_more {
            justify-content: flex-start;
            padding: 0px 11px;
            width: calc(100%); }
      .container.index section.news .inner .item-sections .news-items {
        display: flex;
        flex-direction: column;
        gap: 30px; }
        .container.index section.news .inner .item-sections .news-items .item.show a figure {
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
        .container.index section.news .inner .item-sections .news-items .item.show a .txt {
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
        .container.index section.news .inner .item-sections .news-items .item a {
          display: flex;
          gap: 20px; }
          .container.index section.news .inner .item-sections .news-items .item a figure {
            width: 190px;
            transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-delay: 0.0s; }
            .container.index section.news .inner .item-sections .news-items .item a figure img {
              width: 100%; }
          .container.index section.news .inner .item-sections .news-items .item a .txt {
            width: calc(100% - 190px - 20px);
            color: #434343;
            font-size: 1.8rem;
            transition: -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-delay: 0.4s; }
            .container.index section.news .inner .item-sections .news-items .item a .txt .date {
              line-height: 1.0;
              margin-bottom: 1em; }
            .container.index section.news .inner .item-sections .news-items .item a .txt .title {
              line-height: 1.5; }
  .container.product-detail .product-detail-wrap {
    padding-bottom: 50px; }
  .container.product-detail section.kv {
    width: 100%; }
    .container.product-detail section.kv.show .slides {
      opacity: 1.0; }
    .container.product-detail section.kv .slides {
      overflow: hidden;
      position: relative;
      transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.0s;
      opacity: 0.0; }
      .container.product-detail section.kv .slides .slider .swiper-wrapper {
        height: auto; }
      .container.product-detail section.kv .slides .thumbnail {
        position: absolute;
        bottom: 10px;
        left: 10px; }
        .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide {
          width: 50px !important;
          height: 50px !important;
          border-radius: 50px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, 0); }
          .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
          .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
            border: 1px solid white; }
            .container.product-detail section.kv .slides .thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
              opacity: 0.5; }
  .container.product-detail section.detail {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px; }
    .container.product-detail section.detail .name {
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 0.5em; }
    .container.product-detail section.detail .cat {
      font-size: 1.8rem;
      line-height: 1.5; }
    .container.product-detail section.detail .item-spec {
      display: flex;
      gap: 1em;
      font-size: 2.2rem;
      line-height: 1.5; }
    .container.product-detail section.detail .copy {
      font-size: 2.0rem;
      line-height: 1.5;
      margin-top: 40px;
      margin-bottom: 40px; }
    .container.product-detail section.detail .btn {
      margin-top: 60px;
      margin-bottom: 60px;
      margin-left: -20px;
      margin-right: -20px;
      display: flex;
      gap: 1px;
      flex-grow: 0;
      overflow: hidden; }
      .container.product-detail section.detail .btn.show a {
        transform: translate(0px, 0%); }
      .container.product-detail section.detail .btn a {
        background: #AF231C;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 25px;
        width: 100%;
        height: 76px;
        padding: 0px 30px;
        box-sizing: border-box;
        transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.7s; }
        .container.product-detail section.detail .btn a:hover, .container.product-detail section.detail .btn a:active {
          opacity: 1.0;
          background: #434343; }
        .container.product-detail section.detail .btn a .icon_circle {
          width: 34px;
          height: 34px; }
        .container.product-detail section.detail .btn a .label {
          color: #FFF;
          font-size: 2.0rem;
          font-weight: 300;
          line-height: 1.0;
          display: flex;
          flex-direction: column; }
          .container.product-detail section.detail .btn a .label .main {
            font-size: 1.8rem;
            font-weight: 300;
            line-height: 1.0;
            margin-bottom: 0.25em; }
          .container.product-detail section.detail .btn a .label .sub {
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 1.0; }
    .container.product-detail section.detail .item-sub {
      margin-top: -10px;
      font-size: 1.4rem;
      line-height: 1.5;
      margin-bottom: 40px; }
    .container.product-detail section.detail .desc-block {
      margin-bottom: 50px;
      transition: -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.4s; }
      .container.product-detail section.detail .desc-block.show {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.product-detail section.detail .desc-block:last-child {
        margin-bottom: 0px; }
      .container.product-detail section.detail .desc-block ol {
        display: flex;
        flex-direction: column;
        gap: 0.5em; }
        .container.product-detail section.detail .desc-block ol li {
          margin-left: 1.2em;
          padding-left: 0.8em;
          list-style: decimal; }
          .container.product-detail section.detail .desc-block ol li::marker {
            color: #AF231C; }
      .container.product-detail section.detail .desc-block ul {
        display: flex;
        flex-direction: column; }
        .container.product-detail section.detail .desc-block ul li {
          margin-left: 1.5em;
          padding-left: 0em;
          list-style: disc; }
      .container.product-detail section.detail .desc-block .desc-head {
        color: #AF231C;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 1em; }
      .container.product-detail section.detail .desc-block .desc-lead {
        font-size: 2.0rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 40px; }
      .container.product-detail section.detail .desc-block .desc-txt {
        font-size: 1.4rem;
        line-height: 1.5;
        margin-bottom: 1em; }
      .container.product-detail section.detail .desc-block .desc-note {
        color: #7D7D7D;
        font-size: 1.2rem;
        line-height: 1.5; }
      .container.product-detail section.detail .desc-block .desc-ingredient {
        display: flex;
        gap: 20px;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap; }
        .container.product-detail section.detail .desc-block .desc-ingredient .item {
          position: relative;
          width: calc((100% - 40px) / 3); }
          .container.product-detail section.detail .desc-block .desc-ingredient .item figure img {
            width: 100%;
            aspect-ratio: 1;
            border-radius: 133px;
            -o-object-fit: cover;
               object-fit: cover; }
          .container.product-detail section.detail .desc-block .desc-ingredient .item .ingredient-name {
            margin-top: 11px;
            color: #434343;
            font-size: 1.4rem;
            line-height: 1.0;
            white-space: nowrap;
            text-align: center; }
            .container.product-detail section.detail .desc-block .desc-ingredient .item .ingredient-name sup {
              font-size: 1.2rem; }
      .container.product-detail section.detail .desc-block .desc-step {
        font-size: 1.4rem;
        margin-bottom: 1em; }
      .container.product-detail section.detail .desc-block .desc-all-ingredient {
        color: #7D7D7D;
        font-size: 1.2rem;
        line-height: 1.5; }
  .container.news .news-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px;
    padding-bottom: 80px; }
    .container.news .news-item:nth-child(even) {
      background: #F2EFEF; }
    .container.news .news-item .news-item-inner {
      position: relative;
      margin: 0 auto;
      box-sizing: border-box; }
    .container.news .news-item .news-head {
      width: 100%; }
      .container.news .news-item .news-head.show .date span {
        transform: translate(0px, 0%); }
      .container.news .news-item .news-head.show .title span {
        transform: translate(0px, 0%); }
      .container.news .news-item .news-head .date {
        color: #7D7D7D;
        font-size: 2.0rem;
        line-height: 1.5;
        margin-bottom: 40px;
        overflow: hidden; }
        .container.news .news-item .news-head .date span {
          display: inline-block;
          transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: 0.0s; }
      .container.news .news-item .news-head .title {
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 64px;
        overflow: hidden; }
        .container.news .news-item .news-head .title span {
          display: inline-block;
          transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: 0.2s; }
    .container.news .news-item .news-img {
      width: 100%;
      transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.4s; }
      .container.news .news-item .news-img.show {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.news .news-item .news-img img {
        width: 100%; }
    .container.news .news-item .news-txt {
      margin-top: 64px; }
      .container.news .news-item .news-txt.show .news-body {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.news .news-item .news-txt.show .news-note {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .container.news .news-item .news-txt.show .btn a {
        transform: translate(0px, 0%); }
      .container.news .news-item .news-txt .news-body {
        transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.7s; }
        .container.news .news-item .news-txt .news-body .txt-lg {
          color: #7D7D7D; }
        .container.news .news-item .news-txt .news-body .news-desc {
          color: #434343;
          font-size: 1.6rem;
          line-height: 1.5;
          margin-bottom: 40px; }
        .container.news .news-item .news-txt .news-body .news-head {
          font-size: 2.0rem;
          line-height: 1.5;
          margin-bottom: 40px; }
        .container.news .news-item .news-txt .news-body .news-sub {
          font-size: 1.4rem;
          line-height: 1.5;
          margin-bottom: 40px; }
      .container.news .news-item .news-txt .news-note {
        margin-top: 24px;
        color: #7D7D7D;
        font-size: 1.2rem;
        line-height: 1.5;
        transition: -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 1.2s; }
      .container.news .news-item .news-txt .btn {
        display: flex;
        gap: 1px;
        flex-grow: 0;
        margin-top: 56px;
        overflow: hidden; }
        .container.news .news-item .news-txt .btn.show a {
          transform: translate(0px, 0%); }
        .container.news .news-item .news-txt .btn a {
          background: #434343;
          display: flex;
          height: 48px;
          justify-content: center;
          align-items: center;
          gap: 11px;
          box-sizing: border-box;
          transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: 1.2s; }
          .container.news .news-item .news-txt .btn a .icon_circle {
            width: 24px;
            height: 24px; }
            .container.news .news-item .news-txt .btn a .icon_circle img {
              width: 9px; }
          .container.news .news-item .news-txt .btn a .label {
            color: #FFF;
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 1.0; }
          .container.news .news-item .news-txt .btn a.btn_more {
            justify-content: flex-start;
            padding: 0px 11px;
            width: calc(100%); }
          .container.news .news-item .news-txt .btn a.btn_cart {
            width: 48px; }
  .container.cover .content {
    padding: 0; }
  .container.cover section.covers {
    display: flex;
    flex-direction: column; }
    .container.cover section.covers .cover {
      width: 100vw;
      height: 100vw;
      position: relative; }
      .container.cover section.covers .cover a {
        display: block; }
      .container.cover section.covers .cover.derma .logo {
        width: 82px; }
      .container.cover section.covers .cover.derma .copy {
        left: 157px;
        width: 190px; }
      .container.cover section.covers .cover.derma .btn {
        width: 155px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        gap: 14px;
        background: #AF231C; }
        .container.cover section.covers .cover.derma .btn .icon {
          width: 26px; }
          .container.cover section.covers .cover.derma .btn .icon svg {
            width: 100%; }
        .container.cover section.covers .cover.derma .btn .label img {
          width: 69px; }
      .container.cover section.covers .cover.mqure .logo {
        width: 87px; }
      .container.cover section.covers .cover.mqure .copy {
        right: 20px;
        width: 190px; }
      .container.cover section.covers .cover.mqure .btn {
        width: 155px;
        height: 48px;
        border-radius: 40px;
        border: 1px solid #000;
        background: #FFF;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 30px;
        box-sizing: border-box; }
        .container.cover section.covers .cover.mqure .btn .icon {
          position: absolute;
          top: 50%;
          right: 18px;
          transform: translate(0px, -50%);
          width: 22px; }
          .container.cover section.covers .cover.mqure .btn .icon svg {
            width: 100%; }
        .container.cover section.covers .cover.mqure .btn .label img {
          width: 72px; }
      .container.cover section.covers .cover .bg {
        width: 100%;
        height: 100%; }
        .container.cover section.covers .cover .bg img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .container.cover section.covers .cover .logo {
        position: absolute;
        top: 30px;
        left: 20px; }
        .container.cover section.covers .cover .logo img {
          width: 100%; }
      .container.cover section.covers .cover .copy {
        position: absolute;
        top: 30px; }
        .container.cover section.covers .cover .copy img {
          width: 100%; }
      .container.cover section.covers .cover .btn {
        position: absolute;
        bottom: 42px;
        left: 50%;
        transform: translate(-50%, 0px); }
  .container.index {
    overflow: hidden; }
    .container.index header {
      transform: translate(0px, -47px);
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.4s; }
    .container.index section.kv {
      padding: 0px 0px;
      margin-top: -47px;
      transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0.0; }
      .container.index section.kv .bg img {
        transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .container.index section.intro {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
      transition: -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .container.index .fixbtn {
      transform: translate(0px, 100%);
      transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 0.6s; }
    .container.index.show section.kv {
      opacity: 1.0; }
    .container.index.after header {
      transform: translate(0px, 0px); }
    .container.index.after section.kv {
      margin-top: 0px; }
    .container.index.after section.intro {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .container.index.after .fixbtn {
      transform: translate(0px, 0%); }
      .container.index.after .fixbtn.hide {
        transition-delay: 0.0s;
        transform: translate(0px, 100%); } }

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