@charset "utf-8";*,::before,::after {
  box-sizing: border-box;
  /* background-repeat:no-repeat; */
}

::before,::after {
  text-decoration: inherit;
  vertical-align: inherit
}

:where(:root) {
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%
}

:where(body) {
  margin: 0
}

:where(h1) {
  font-size: 2em;
  margin: .67em 0
}

:where(dl,ol,ul) :where(dl,ol,ul) {
  margin: 0
}

:where(hr) {
  color: inherit;
  height: 0
}

:where(nav) :where(ol,ul) {
  list-style-type: none;
  padding: 0
}

:where(nav li)::before {
  content: "​";
  float: left
}

:where(pre) {
  font-family: monospace,monospace;
  font-size: 1em;
  overflow: auto
}

:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

:where(b,strong) {
  font-weight: bolder
}

:where(code,kbd,samp) {
  font-family: monospace,monospace;
  font-size: 1em
}

:where(small) {
  font-size: 80%
}

:where(audio,canvas,iframe,img,svg,video) {
  vertical-align: middle
}

:where(iframe) {
  border-style: none
}

:where(svg:not([fill])) {
  fill: currentColor
}

:where(table) {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

:where(button,input,select) {
  margin: 0
}

:where(button,[type=button i],[type=reset i],[type=submit i]) {
  -webkit-appearance: button
}

:where(fieldset) {
  border: 1px solid #a0a0a0
}

:where(progress) {
  vertical-align: baseline
}

:where(textarea) {
  margin: 0;
  resize: vertical
}

:where([type=search i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content
}

:where(dialog:not([open])) {
  display: none
}

:where(details>summary:first-of-type) {
  display: list-item
}

:where([aria-busy=true i]) {
  cursor: progress
}

:where([aria-controls]) {
  cursor: pointer
}

:where([aria-disabled=true i],[disabled]) {
  cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
  display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute
}

@keyframes splide-loading {
  0% {
      transform: rotate(0)
  }

  to {
      transform: rotate(1turn)
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1
}

.splide--rtl {
  direction: rtl
}

.splide__track--ttb>.splide__list {
  display: block
}

.splide__container {
  box-sizing: border-box;
  position: relative
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
  display: none
}

.splide__progress__bar {
  width: 0
}

.splide {
  position: relative;
  /* visibility:hidden; */
}

.splide.is-initialized,.splide.is-rendered {
  /* visibility:visible; */
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative
}

.splide__slide img {
  vertical-align: bottom
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
  display: none
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0
}

@font-face {
  font-family: kinto-sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/KintoSans-Regular.woff2) format("woff2"),url(../font/KintoSans-Regular.woff) format("woff")
}

@font-face {
  font-family: kinto-sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/KintoSans-Medium.woff2) format("woff2"),url(../font/KintoSans-Medium.woff) format("woff")
}

@font-face {
  font-family: kinto-sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../font/KintoSans-Bold.woff2) format("woff2"),url(../font/KintoSans-Bold.woff) format("woff")
}

@font-face {
  font-family: kinto-sans;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../font/KintoSans-Black.woff2) format("woff2"),url(../font/KintoSans-Black.woff) format("woff")
}

:root {
  --white: #fff;
  --pink: #DF7A99;
  --black: #000;
  --graphite: #5F555D;
  --gray: #AFAAAE;
  --lightgray: #D7D5D7;
  --z-header: 10;
  --z-modal: 100
}

html {
  min-height: 100%;
  -webkit-text-size-adjust: none
}

body {
  font-family: kinto-sans,"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Hiragino Sans",Meiryo,"メイリオ",sans-serif;
  font-feature-settings: "palt";
  font-size: 500;
  line-height: 1.5
}

.global-footer .pagetop {
  display: none
}

@keyframes slideText {
  0% {
      transform: translateX(100%)
  }

  100% {
      transform: translateX(-100%)
  }
}

@keyframes slideTextClone {
  0% {
      transform: translateX(0)
  }

  100% {
      transform: translateX(-200%)
  }
}

@keyframes hoverBorder {
  0% {
      background-size: 100% 1px;
      background-position: right bottom
  }

  50% {
      background-size: 0 1px;
      background-position: right bottom
  }

  51% {
      background-size: 0 1px;
      background-position: left bottom
  }

  100% {
      background-size: 100% 1px;
      background-position: left bottom
  }
}

@keyframes hoverBorderRev {
  0% {
      background-size: 0 1px;
      background-position: left bottom
  }

  50% {
      background-size: 100% 1px;
      background-position: left bottom
  }

  51% {
      background-size: 100% 1px;
      background-position: right bottom
  }

  100% {
      background-size: 0 1px;
      background-position: right bottom
  }
}

@keyframes arrowShake {
  0% {
      transform: translateX(0)
  }

  50% {
      transform: translateX(10%)
  }

  100% {
      transform: translateX(0)
  }
}

@keyframes arrowShakeRev {
  0% {
      transform: translateX(0)
  }

  50% {
      transform: translateX(-10%)
  }

  100% {
      transform: translateX(0)
  }
}

@keyframes arrowShakeBg {
  0% {
      background-position: left 50% top 50%
  }

  50% {
      background-position: left 60% top 50%
  }

  100% {
      background-position: left 50% top 50%
  }
}

@keyframes arrowShakeRevBg {
  0% {
      background-position: left 50% top 50%
  }

  50% {
      background-position: left 40% top 50%
  }

  100% {
      background-position: left 50% top 50%
  }
}

@keyframes rotate360 {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

.c-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: var(--white);
  background-color: var(--black);
  border-radius: 100vmax;
  text-decoration: none;
  line-height: 1.5;
  font-weight: 500
}

.c-button::after {
  content: "";
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-image: url(../img/arrow_right_white_s.svg);
  background-size: contain;
  margin-top: -1.3333vw;
  right: 6.4vw;
  width: 5.3333vw;
  height: 2.6667vw
}

.c-button.-rev::before {
  content: "";
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-image: url(../img/arrow_left_white_s.svg);
  background-size: contain;
  margin-top: -1.3333vw;
  left: 6.4vw;
  width: 5.3333vw;
  height: 2.6667vw
}

.c-button.-rev::after {
  content: none;
  display: none;
  animation: none
}

.c-button.-pink {
  color: var(--white);
  background-color: var(--pink);
  text-decoration: none
}

.c-button.-large {
  height: auto;
  min-height: 17.0667vw
}

.c-button.-center {
  margin-left: auto;
  margin-right: auto
}

.c-pager {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  min-height: 10.6667vw;
  padding-left: 10.6667vw;
  padding-right: 10.6667vw
}

.c-pager>.arrow {
  position: absolute;
  top: 0;
  display: block;
  width: 10.6667vw;
  height: 10.6667vw
}

.c-pager>.arrow.-prev {
  left: 0
}

.c-pager>.arrow.-next {
  right: 0
}

.c-pager>.arrow>a,.c-pager>.arrow>span {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 50%;
  width: 100%;
  height: 100%
}

.c-pager>.arrow>a svg,.c-pager>.arrow>span svg {
  width: 4.2667vw;
  height: 2.1333vw
}

.c-pager>.arrow>a {
  color: var(--white);
  background-color: var(--black);
  transition: background-color .3s ease
}

.c-pager>.arrow>span {
  color: var(--black);
  background-color: var(--lightgray)
}

.c-pager>.item {
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 5.8667vw;
  line-height: 1.3636
}

.c-pager>.item>a,.c-pager>.item>span {
  display: block;
  padding-inline:1.0667vw}

.c-pager>.item>a {
  color: var(--graphite);
  text-decoration: none
}

.c-pager>.item>span {
  color: var(--pink);
  border-bottom: 1px solid currentColor
}

.c-pager>.item+.item {
  margin-left: 6.4vw
}

.p-editor {
  color: var(--graphite)
}

.p-editor * {
  margin: 0
}

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

.p-editor a {
  color: var(--pink);
  text-decoration: underline
}

.p-editor>*+* {
  margin-top: 4.2667vw
}

.p-editor>h2 {
  border-bottom: 1px solid var(--pink);
  padding-bottom: 2.1333vw;
  margin-bottom: 10.6667vw;
  font-size: 6.4vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 700;
  font-style: normal
}

.p-editor>h2:not(:first-child) {
  margin-top: 17.0667vw
}

.p-editor>h3 {
  font-size: 5.3333vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 6.4vw
}

.p-editor>h4 {
  font-size: 4.8vw;
  line-height: 1.5;
  margin-bottom: 6.4vw;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-editor>*+h3,.p-editor>*+h4 {
  margin-top: 9.6vw
}

.p-editor>h5,.p-editor>h6 {
  font-size: 4vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 700;
  font-style: normal
}

.p-editor>ul {
  font-size: 4vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-editor>p {
  font-size: 4vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-editor>p img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12.8vw
}

.p-editor>p img.mt-image-left {
  margin-right: auto;
  margin-left: 0
}

.p-editor>p img.mt-image-center {
  margin-left: auto;
  margin-right: auto
}

.p-editor>p img.mt-image-right {
  margin-right: 0;
  margin-left: auto
}

.p-editor>p:not(:first-child) img {
  margin-top: 12.8vw
}

.p-editor>.products {
  display: flex;
  border-bottom: 1px solid var(--lightgray);
  padding-bottom: 7.4667vw
}

.p-editor>.products:not(:first-child) {
  margin-top: 10.6667vw
}

.p-editor>.products .item {
  flex: 0 0 auto;
  width: 50%
}

.p-editor>.products .item:nth-child(odd) {
  border-right: 1px solid var(--lightgray)
}

.p-editor>.products .item a {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-align: center;
  color: var(--pink)
}

.p-editor>.products .item .img {
  overflow: hidden;
  width: 100%
}

.p-editor>.products .item .img img {
  width: 100%;
  height: auto
}

.p-editor>.products .item .img+.name {
  margin-top: 2.1333vw
}

.p-editor>.products .item .name {
  font-size: 3.4667vw;
  line-height: 1.65;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-editor>.products+.products {
  margin-top: 7.4667vw
}

.p-editor>.products.-center {
  border-bottom: none;
  padding-bottom: 0
}

.p-editor>.products.-center .item {
  border-right: none;
  margin-left: auto;
  margin-right: auto
}

.p-editor>.profile {
  border: 1px solid var(--black);
  padding: 5.3333vw 5.3333vw 10.6667vw
}

.p-editor>.profile:not(:first-child) {
  margin-top: 17.0667vw
}

.p-editor>.profile>.img {
  margin-bottom: 6.4vw
}

.p-editor>.profile>h3 {
  font-size: 5.3333vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 4.2667vw
}

.p-editor>.profile>p {
  font-size: 4vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-editor>.button {
  margin-bottom: 17.0667vw
}

.p-editor>.button:not(:first-child) {
  margin-top: 17.0667vw
}

.p-editor>.button+.button {
  margin-top: -11.7333vw
}

.p-editor>.button a {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  color: var(--white);
  background-color: var(--pink);
  border-radius: 100vmax;
  text-decoration: none;
  line-height: 1.5;
  font-weight: 500
}

.p-editor>.button a::after {
  content: "";
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-image: url(../img/arrow_right_white_s.svg);
  background-size: contain;
  margin-top: -1.3333vw;
  right: 4.8vw;
  width: 5.3333vw;
  height: 2.6667vw
}

.p-index-app {
  padding-top: 10.6667vw;
  padding-bottom: 10.6667vw;
  width: 92vw;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid var(--pink);
  border-bottom: 1px solid var(--pink)
}

.p-index-app>.intro {
  position: relative
}

.p-index-app>.intro .name {
  margin: 0
}

.p-index-app>.intro .name .official {
  display: block;
  width: 48vw;
  height: auto
}

.p-index-app>.intro .name .title {
  display: block;
  color: var(--graphite);
  margin-top: 7.4667vw;
  width: 42.1333vw;
  height: 20vw
}

.p-index-app>.intro .lead {
  margin: max(16.5px, 1.7188vw) 0 0 0;
  width: 46.6667vw;
  font-size: 4vw;
  line-height: 1.75;
  color: var(--graphite);
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-app>.intro .image {
  margin: 0;
  position: absolute;
  width: 53.3333vw;
  top: 3.2vw;
  right: -16.5333vw
}

.p-index-app>.intro .image img {
  width: 100%;
  height: auto
}

.p-index-app>.body .icon {
  margin: 0;
  width: 50.4vw;
  margin-bottom: 6.4vw
}

.p-index-app>.body .icon img {
  width: 100%;
  height: auto
}

.p-index-app>.body .desc {
  margin: 0;
  line-height: 1.75;
  font-size: 3.7333vw;
  color: var(--graphite)
}

.p-index-app>.body .desc+.download {
  margin-top: 8.5333vw
}

.p-index-app>.body .download {
  margin: 0;
  display: flex;
  flex-wrap: wrap
}

.p-index-app>.body .download .title {
  width: 100%;
  margin: 0 0 2.9333vw;
  padding: 0;
  color: var(--graphite);
  line-height: 1.75;
  font-size: 3.7333vw;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-app>.body .download .title::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.3333vw;
  border-top: 2.3094vw solid var(--graphite);
  border-left: 1.3333vw solid rgba(0,0,0,0);
  border-right: 1.3333vw solid rgba(0,0,0,0)
}

.p-index-app>.body .download .item {
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  width: auto;
  height: 10.1333vw
}

.p-index-app>.body .download .item img {
  width: auto;
  height: 100%
}

.p-index-app>.body .download .item+.item {
  margin-left: 4.2667vw
}

.p-index-brand {
  width: 92vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18.1333vw
}

.p-index-brand>.title {
  margin: 0;
  line-height: 1.2;
  font-size: 11.2vw;
  letter-spacing: -0.02em;
  color: var(--graphite);
  text-align: center
}

.p-index-brand>.title svg {
  display: block;
  width: auto;
  height: 13.3333vw
}

.p-index-brand>.title+.lead {
  margin-top: 5.8667vw
}

.p-index-brand>.lead {
  margin: 0;
  color: var(--graphite);
  line-height: 1.75;
  font-size: 4.2667vw;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-brand>.lead+* {
  margin-top: 10.6667vw
}

.p-index-brand>.categories {
  display: flex
}

.p-index-brand>.categories .list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.p-index-brand>.categories .item {
  flex: 0 0 auto
}

.p-index-brand>.categories .item+.item {
  border-left: 1px solid var(--lightgray);
  margin-left: 5.3333vw;
  padding-left: 5.3333vw
}

.p-index-brand>.categories .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(0,0,0,0);
  padding: 0;
  border: 0;
  border-radius: 100vmax;
  color: var(--pink);
  cursor: pointer;
  font-size: 3.7333vw;
  line-height: 1.7143;
  padding-block:1.3333vw;padding-inline:4.2667vw;font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-brand>.categories .button.-active {
  background-color: var(--pink);
  color: var(--white)
}

.p-index-brand>.categories+.brands {
  margin-top: 8.5333vw
}

.p-index-brand>.brands {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.6667vw;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: start;
  align-content: start
}

.p-index-brand>.brands .brand[aria-hidden=true] {
  display: none
}

.p-index-brand>.brands .brand[aria-hidden=false] {
  display: block
}

.p-index-brand>.brands .brand a {
  overflow: hidden;
  display: block;
  border: 1px solid var(--lightgray)
}

.p-index-brand>.brands .brand img {
  width: 100%;
  height: auto
}

.p-index-brand>.brands.-ready .brand[aria-hidden=false] {
  animation: brandIn .6s ease forwards
}

@keyframes brandIn {
  0% {
      display: none
  }

  1% {
      display: block;
      opacity: 0
  }

  100% {
      display: block;
      opacity: 1
  }
}

.p-index-footer {
  overflow: hidden
}

.p-index-footer>.upper .title {
  margin: 0;
  font-size: 8.5333vw;
  color: var(--pink);
  line-height: 1.2;
  text-align: center;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-footer>.upper .title svg {
  display: block;
  width: auto;
  height: 10.1333vw
}

.p-index-footer>.lower {
  overflow: visible
}

.p-index-footer>.lower::before {
  content: "";
  display: block;
  width: 100%;
  height: 31.2vw;
  background-image: url(../img/txt_try_2line.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain
}

.p-index-footer>.lower .copy {
  margin: 0;
  color: var(--pink);
  font-size: 13.8667vw;
  letter-spacing: .06em;
  line-height: 1.1;
  white-space: nowrap;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 600;
  font-style: normal
}

.p-index-instagram {
  width: 100%;
  margin-bottom: 18.1333vw
}

.p-index-instagram>.header {
  margin-bottom: 12.8vw
}

.p-index-instagram>.header .title {
  margin: 0;
  letter-spacing: -0.02em;
  font-size: 11.2vw;
  line-height: 1.2;
  color: var(--graphite);
  text-align: center
}

.p-index-instagram>.header .title svg {
  display: block;
  width: auto;
  height: 13.3333vw
}

.p-index-instagram>.header .more {
  text-align: center
}

.p-index-instagram>.header .more a {
  display: block;
  color: var(--graphite);
  text-decoration: none;
  line-height: 1;
  padding-bottom: 2.1333vw;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 600;
  font-style: normal
}

.p-index-instagram>.header .more a svg {
  width: auto;
  height: 3.2vw
}

.p-index-instagram>.list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .8vw
}

.p-index-instagram>.list li {
  overflow: hidden;
  aspect-ratio: 1
}

.p-index-instagram>.list li img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover
}

.p-index-kv {
  position: relative;
  overflow: hidden;
  /* padding-top: 39.2vw; */
  padding-bottom: 3.2vw;
  /* margin-bottom: 24.5333vw */
  margin-bottom: 1rem;
}

.p-index-kv>.title {
  position: absolute;
  left: 0;
  margin: 0;
  width: 100%;
  display: flex;
  overflow: hidden;
  top: -1.8667vw;
  height: 27.7333vw
}

.p-index-kv>.title::before,.p-index-kv>.title::after {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 277.3333vw;
  height: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/txt_try_1line.svg);
  background-size: 277.3333vw 27.7333vw;
  will-change: transform
}

.p-index-kv>.title::before {
  animation: slideText linear 50s -25s infinite
}

.p-index-kv>.title::after {
  animation: slideTextClone linear 50s infinite
}

.p-index-kv>.anchor {
  position: absolute;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 26.1333vw;
  right: 5.6vw;
  font-size: 4.2667vw;
  line-height: 1.75;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-kv>.anchor li {
  display: flex;
  align-content: center;
  align-items: center
}

.p-index-kv>.anchor li a {
  display: block;
  color: var(--pink);
  text-decoration: none
}

.p-index-kv>.anchor li a svg {
  display: block;
  width: auto;
  height: 5.0667vw
}

.p-index-kv>.anchor li+li::before {
  content: "";
  display: block;
  width: 1px;
  background-color: var(--pink);
  height: 3.2vw;
  margin-left: 3.7333vw;
  margin-right: 3.7333vw
}

.p-index-lookbook {
  margin-left: auto;
  margin-right: auto;
  width: 92vw;
  margin-bottom: 18.1333vw
}

.p-index-lookbook>.title {
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-size: 11.2vw;
  text-align: center;
  color: var(--graphite)
}

.p-index-lookbook>.title svg {
  display: block;
  width: auto;
  height: 13.3333vw
}

.p-index-lookbook>.title+.lead {
  margin-top: 5.8667vw
}

.p-index-lookbook>.lead {
  margin: 0;
  color: var(--graphite);
  line-height: 1.75;
  font-size: 4.2667vw
}

.p-index-lookbook>.lead+.list {
  margin-top: 10.6667vw
}

.p-index-lookbook>.list {
  margin: 0;
  padding: 0;
  list-style: none
}

.p-index-lookbook>.list .item {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1
}

.p-index-lookbook>.list .item a {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: var(--white);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 38.92%, rgba(0, 0, 0, 0.0276) 99.99%);
  line-height: 1.2;
  letter-spacing: .01em;
  font-size: 4.2667vw;
  padding: 4.2667vw 19.2vw 4.2667vw 4.2667vw;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-lookbook>.list .item a::after {
  content: "";
  display: block;
  border-radius: 100vmax;
  position: absolute;
  right: 4.2667vw;
  bottom: 4.2667vw;
  width: 10.6667vw;
  height: 5.3333vw;
  background-color: var(--black);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/arrow_right_white_s.svg);
  background-size: 4.2667vw 1.9912vw
}

.p-index-lookbook>.list .item .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .3s ease
}

.p-index-lookbook>.list .item.-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  border: 1px solid var(--pink);
  background-color: var(--white);
  color: var(--pink)
}

.p-index-lookbook>.list .item.-empty::before {
  content: "NEXT LOOKBOOK";
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2
}

.p-index-lookbook>.list .item.-empty::after {
  content: "COMING SOON!";
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2
}

.p-index-movie .trigger a {
  position: relative;
  display: block;
  text-decoration: none;
  /* color: var(--pink); */
  color: #231815;
  border: 1px solid currentColor
}

.p-index-movie .title {
  position: absolute;
  left: -1px;
  top: -5.8667vw;
  margin: 0;
  padding-right: 2.6667vw;
  padding-bottom: 2.6667vw;
  background-color: var(--white)
}

.p-index-movie .title img {
  display: block;
  width: 28.5333vw;
  height: 6.6667vw
}

.p-index-movie .movie {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  background: #a0a0a0;
}

.p-index-movie .movie .video-js {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 102%;
  aspect-ratio: 16/9;
  transform: translateX(-50%) translateY(-1%)
}

.p-index-movie .info {
  margin-top: 5.3333vw;
  line-height: 1.5;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-movie .info>span {
  width: -moz-fit-content;
  width: fit-content;
  display: block
}

.p-index-movie .info .sub {
  font-size: 3.7333vw
}

.p-index-movie .info .sub+.main {
  margin-top: .8vw
}

.p-index-movie .info .main {
  font-size: 5.3333vw
}

.p-index-movie .more {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: var(--white);
  padding: 2.6667vw 0 0 2.6667vw;
  right: -1.6vw;
  bottom: -3.2vw;
  width: 22.9333vw;
  height: 22.9333vw
}

.p-index-movie .more .circle {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  animation: rotate360 12s linear infinite;
  width: 20.2667vw;
  height: 20.2667vw
}

.p-index-movie .more .arrow {
  width: calc(5.8667vw * 2);
  height: calc(2.7467vw * 2);
}

.p-index-movie .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 5.3333vw;
  z-index: var(--z-modal);
  background: rgba(0,0,0,.8);
  transition-property: opacity,visibility;
  transition-duration: .6s;
  transition-timing-function: ease
}

.p-index-movie .modal[aria-hidden=false] {
  opacity: 1;
  visibility: visible
}

.p-index-movie .modal .video-js {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9
}

.p-index-movie .close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0,0,0,0);
  border: 0;
  padding: 0;
  width: 56px;
  height: 56px
}

.p-index-movie .close::before,.p-index-movie .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: var(--white);
  margin-top: -1px;
  margin-left: -14px;
  width: 28px;
  height: 2px
}

.p-index-movie .close::before {
  transform: rotate(45deg)
}

.p-index-movie .close::after {
  transform: rotate(-45deg)
}

.p-index-pickup {
  position: relative;
  width: 84vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18.1333vw
}

.p-index-pickup::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0
}

.p-index-pickup>.title {
  margin: 0 0 7.7333vw
}

.p-index-pickup>.title::before {
  content: "";
  display: block;
  background-image: url(../img/balloon_pickup.svg);
  background-repeat: no-repeat;
  background-size: contain
}

.p-index-pickup>.title .sub {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.p-index-pickup>.title .main {
  display: block;
  line-height: 1.2;
  color: var(--graphite);
  letter-spacing: -0.02em;
  font-size: 11.2vw;
  text-align: center
}

.p-index-pickup>.title .main img {
  display: block;
  width: auto
}

.p-index-pickup>.title svg {
  display: block;
  width: auto;
  height: 13.3333vw;
  margin-left: auto;
  margin-right: auto;
  color: var(--graphite)
}

.p-index-pickup>.list {
  margin: 0;
  padding: 0;
  list-style: none
}

.p-index-pickup>.list .item a {
  position: relative;
  text-decoration: none;
  color: var(--white);
  display: block;
  background-color: var(--pink);
  padding: 6.4vw 6.4vw 17.0667vw
}

.p-index-pickup>.list .item a::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 100vmax;
  background-color: var(--black);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/arrow_right_white_s.svg);
  background-size: 5.3333vw 2.6667vw;
  right: 5.3333vw;
  bottom: 5.3333vw;
  width: 12.8vw;
  height: 6.4vw
}

.p-index-pickup>.list .item a .img {
  width: 100%
}

.p-index-pickup>.list .item a .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1
}

.p-index-pickup>.list .item a .text {
  display: block;
  margin-top: 6.4vw;
  font-size: 4.2667vw;
  line-height: 1.5;
  letter-spacing: .02em;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-slider {
  position: relative;
  overflow: hidden;
  width: 100%
}

.p-index-slider .splide__arrows .splide__arrow--prev {
  display: none
}

.p-index-slider .splide__arrows .splide__arrow--next {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  border: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: var(--black);
  color: var(--white);
  border-radius: 50%;
  z-index: 2;
  width: 12.8vw;
  height: 12.8vw;
  left: 5.3333vw;
  top: 37.6vw
}

.p-index-slider .splide__arrows .splide__arrow--next svg {
  width: 6.4vw;
  height: 2.9867vw
}

.p-index-slider .splide__pagination {
  counter-reset: page
}

.p-index-slider .splide__pagination li {
  flex: 0 0 auto
}

.p-index-slider .splide__pagination li:first-child .splide__pagination__page::before {
  background-image: url(../img/p1_off.svg)
}

.p-index-slider .splide__pagination li:first-child .splide__pagination__page::after {
  background-image: url(../img/p1_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(2) .splide__pagination__page::before {
  background-image: url(../img/p2_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(2) .splide__pagination__page::after {
  background-image: url(../img/p2_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(3) .splide__pagination__page::before {
  background-image: url(../img/p3_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(3) .splide__pagination__page::after {
  background-image: url(../img/p3_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(4) .splide__pagination__page::before {
  background-image: url(../img/p4_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(4) .splide__pagination__page::after {
  background-image: url(../img/p4_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(5) .splide__pagination__page::before {
  background-image: url(../img/p5_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(5) .splide__pagination__page::after {
  background-image: url(../img/p5_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(6) .splide__pagination__page::before {
  background-image: url(../img/p6_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(6) .splide__pagination__page::after {
  background-image: url(../img/p6_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(7) .splide__pagination__page::before {
  background-image: url(../img/p7_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(7) .splide__pagination__page::after {
  background-image: url(../img/p7_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(8) .splide__pagination__page::before {
  background-image: url(../img/p8_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(8) .splide__pagination__page::after {
  background-image: url(../img/p8_on.svg)
}

.p-index-slider .splide__pagination li:nth-child(9) .splide__pagination__page::before {
  background-image: url(../img/p9_off.svg)
}

.p-index-slider .splide__pagination li:nth-child(9) .splide__pagination__page::after {
  background-image: url(../img/p9_on.svg)
}

.p-index-slider .splide__pagination .splide__pagination__page {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: rgba(0,0,0,0);
  padding: 0;
  width: 5.8667vw;
  height: 9.6vw;
  position: relative;
  font-size: 0
}

.p-index-slider .splide__pagination .splide__pagination__page::before,.p-index-slider .splide__pagination .splide__pagination__page::after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  margin: auto;
  width: 5.8667vw;
  height: 5.8667vw;
  transition: opacity .3s ease;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

.p-index-slider .splide__pagination .splide__pagination__page::before {
  z-index: 2;
  opacity: 1
}

.p-index-slider .splide__pagination .splide__pagination__page::after {
  opacity: 0
}

.p-index-slider .splide__pagination .splide__pagination__page[aria-selected=true]::before {
  opacity: 0
}

.p-index-slider .splide__pagination .splide__pagination__page[aria-selected=true]::after {
  opacity: 1
}

.p-index-slider .splide__track {
  overflow: visible;
  width: 88vw;
  margin-left: 8vw
}

.p-index-slider .splide__list {
  list-style: none
}

.p-index-slider .splide__slide {
  direction: ltr;
  text-align: left;
  overflow: hidden;
  width: 88vw;
  height: 88vw;
  margin-right: 4vw
}

.p-index-slider .splide__slide .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.p-index-slider .splide__slide a {
  text-decoration: none;
  position: relative;
  display: block;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 38.92%, rgba(0, 0, 0, 0.0276) 99.99%)
}

.p-index-slider .splide__slide a::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 100vmax;
  background-color: var(--black);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/arrow_right_white_s.svg);
  right: 4vw;
  bottom: 4vw;
  width: 12.8vw;
  height: 6.4vw;
  background-size: 5.3333vw 2.6667vw
}

.p-index-slider.en .splide__slide .copy {
  line-height: 1.15;
}

.p-index-slider .splide__slide .copy {
  position: absolute;
  left: 4vw;
  bottom: 4vw;
  margin: 0;
  color: var(--white);
  line-height: 1.5;
  /* font-family: kinto-sans,"Noto Sans JP",sans-serif; */
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  /* font-weight: 700; */
  font-weight: 600;
  font-style: normal
}

.p-index-slider .splide__slide.-new a::before {
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  aspect-ratio: 1;
  color: var(--white);
  line-height: 1.2;
  border-radius: 50%;
  background-color: var(--pink);
  top: 2.6667vw;
  right: 2.1333vw;
  width: 16vw;
  height: 16vw;
  background-image: url(../img/txt_new.svg);
  background-repeat: no-repeat;
  background-size: 10.6667vw 5.0667vw;
  background-position: center center
}

.p-index-sns {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.p-index-sns>.item {
  flex: 0 0 auto
}

.p-index-sns>.item a {
  color: var(--graphite);
  text-decoration: none
}

.p-index-sns>.item .icon {
  width: 5.8667vw;
  height: 5.8667vw
}

.p-index-sns>.item .service {
  font-size: 4.2667vw;
  letter-spacing: .02em;
  display: block;
  line-height: 1.2;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-tags {
  background-color: var(--pink);
  width: 92vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18.1333vw;
  padding: 10.6667vw 5.3333vw 14.9333vw
}

.p-index-tags>.header .title {
  margin: 0;
  line-height: 1.2;
  color: var(--white);
  letter-spacing: .01em;
  font-size: 11.2vw
}

.p-index-tags>.header .title svg {
  display: block;
  width: auto;
  height: 13.3333vw
}

.p-index-tags>.header .title+.lead {
  margin-top: 2.1333vw
}

.p-index-tags>.header .lead {
  margin: 0;
  color: var(--white);
  line-height: 1.5;
  font-size: 4.2667vw;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-tags>.tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}

.p-index-tags>.tags li {
  margin: 1.3333vw 2.1333vw
}

.p-index-tags>.tags li a {
  display: block;
  font-size: 4.2667vw;
  line-height: 1.5;
  letter-spacing: .04em;
  color: var(--white);
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: left bottom;
  background-size: 100% 1px;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-index-tags>.tags li a::before {
  content: "#"
}

.p-index-topics {
  width: 92vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16vw
}

.p-index-topics>.title {
  margin: 0;
  font-size: 11.2vw;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--graphite);
  margin-bottom: 7.7333vw
}

.p-index-topics>.title svg {
  display: block;
  width: auto;
  height: 13.3333vw
}

.p-index-topics>.container {
  position: relative
}

.p-index-topics>.container .more {
  margin-top: 14.9333vw
}

.p-index-topics>.container .more svg {
  width: 21.0667vw;
  height: 6.4vw
}

.p-side-pickup {
  border: 1px solid var(--graphite);
  background-color: var(--pink)
}

.p-side-pickup::before {
  content: "最新のおすすめ";
  position: absolute;
  right: -1px;
  top: -1px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--graphite);
  border: 1px solid var(--graphite);
  background-color: var(--white);
  padding: .8vw 2.6667vw 1.0667vw;
  font-size: 3.7333vw;
  line-height: 1.75;
  white-space: nowrap;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 700;
  font-style: normal
}

.p-side-pickup>.title {
  position: absolute;
  margin: 0;
  padding: 0;
  color: var(--white);
  line-height: 1;
  font-size: 9.0667vw;
  top: 1.8667vw;
  left: 2.6667vw;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-side-pickup>.title svg {
  width: auto;
  height: 10.9333vw
}

.p-side-pickup>.splide__arrows .splide__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: var(--white);
  color: var(--black);
  border: 1px solid var(--black);
  width: 9.0667vw;
  height: 9.0667vw;
  transform: translateY(-50%)
}

.p-side-pickup>.splide__arrows .splide__arrow svg {
  width: 4.2667vw;
  height: 2.1333vw
}

.p-side-pickup>.splide__arrows .splide__arrow--prev {
  left: -2.6667vw
}

.p-side-pickup>.splide__arrows .splide__arrow--next {
  right: -2.6667vw
}

.p-side-pickup .splide__slide a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 0 9.0667vw 17.0667vw
}

.p-side-pickup .splide__slide a::after {
  content: "";
  display: block;
  border-radius: 100vmax;
  position: absolute;
  background-color: var(--black);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/arrow_right_white_s.svg);
  right: 5.3333vw;
  bottom: 5.3333vw;
  width: 12.8vw;
  height: 6.4vw;
  background-size: 5.3333vw 2.6667vw
}

.p-side-pickup .splide__slide .img {
  width: 100%;
  overflow: hidden
}

.p-side-pickup .splide__slide .img+.text {
  margin-top: 6.4vw
}

.p-side-pickup .splide__slide .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1
}

.p-side-pickup .splide__slide .text {
  display: block;
  color: var(--white);
  line-height: 1.65;
  font-size: 4.2667vw;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-side-related>.title {
  margin: 0 0 8.5333vw;
  padding: 0 0 2.1333vw;
  border-bottom: 1px solid var(--graphite);
  font-size: 7.4667vw;
  line-height: 1.2;
  color: var(--graphite)
}

.p-side-related>.title>span {
  display: block
}

.p-side-related>.title::before {
  content: "";
  display: block;
  background-image: url(../img/balloon_related.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 21.3333vw;
  height: 9.0667vw;
  margin-bottom: 1.0667vw
}

.p-side-related>.title svg {
  width: auto;
  height: 9.0667vw
}

.p-side-related>.list {
  list-style: none;
  margin: 0;
  padding: 0
}

.p-side-related>.list .item a {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  text-decoration: none;
  color: var(--graphite)
}

.p-side-related>.list .item .img {
  margin: 0;
  flex: 0 0 auto;
  height: auto;
  width: 25.6vw;
  margin-right: 2.6667vw;
  overflow: hidden
}

.p-side-related>.list .item .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover
}

.p-side-related>.list .item .info {
  flex: 0 1 auto
}

.p-side-related>.list .item .info .date {
  margin: 0;
  font-size: 3.4667vw;
  line-height: 1.5
}

.p-side-related>.list .item .info .date+.headline {
  margin-top: 1.0667vw
}

.p-side-related>.list .item .info .headline {
  margin: 0;
  font-size: 4vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-side-related>.list .item+.item {
  border-top: 1px solid var(--lightgray);
  margin-top: 5.3333vw;
  padding-top: 5.3333vw
}

.p-side-tags>.title {
  margin: 0 0 8.5333vw;
  padding: 0 0 2.1333vw;
  border-bottom: 1px solid var(--graphite);
  font-size: 7.4667vw;
  line-height: 1.2;
  color: var(--graphite)
}

.p-side-tags>.title>span {
  display: block
}

.p-side-tags>.title svg {
  width: auto;
  height: 9.0667vw
}

.p-side-tags>.list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 1.0667vw;
  gap: 2.6667vw 2.1333vw
}

.p-side-tags>.list .item {
  font-size: 3.7333vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-side-tags>.list .item a {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 100vmax;
  color: var(--graphite);
  text-decoration: none;
  border: 1px solid var(--pink);
  padding: .5333333333vw 3.2vw .8vw
}

.p-side-tags>.list .item a::before {
  content: "#"
}

.p-side-tags>.list .item.-all a,.p-side-tags>.list .item.-all span,.p-side-tags>.list .item.-selected a,.p-side-tags>.list .item.-selected span {
  color: var(--white);
  background-color: var(--pink)
}

.p-side-tags.-other .title::before {
  content: "";
  display: block;
  background-image: url(../img/balloon_other.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 27.7333vw;
  height: 9.0667vw;
  margin-bottom: 1.0667vw
}

.p-side-tags.-other .title>.balloon {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.p-topics-article {
  position: relative
}

.p-topics-article .header {
  padding-top: 12.8vw;
  margin-bottom: 10.6667vw
}

.p-topics-article .header .date {
  margin: 0;
  color: #999;
  line-height: 1.5;
  font-size: 3.7333vw
}

.p-topics-article .header .date+.headline {
  margin-top: 1.0667vw
}

.p-topics-article .header .headline {
  margin: 0;
  color: var(--graphite);
  font-size: 8vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 700;
  font-style: normal
}

.p-topics-article .header .headline+.tags {
  margin-top: 4.2667vw
}

.p-topics-article .header .tags {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2.6667vw
}

.p-topics-article .header .tags li {
  font-size: 3.7333vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-topics-article .header .tags li a {
  color: var(--pink);
  text-decoration: underline
}

.p-topics-article .header .tags li a::before {
  content: "#"
}

.p-topics-article .back {
  border-top: 1px solid var(--lightgray);
  padding-top: 6.4vw;
  margin-top: 17.0667vw
}

.p-topics-article .back a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
  color: var(--black);
  font-size: 4.2667vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-topics-article .back a::before {
  content: "";
  display: block;
  border-radius: 100vmax;
  background-color: var(--black);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/arrow_left_white_s.svg);
  width: 12.8vw;
  height: 6.4vw;
  background-size: 5.3333vw 2.6667vw;
  margin-right: 4.8vw
}

.p-topics-detail>.container {
  position: relative;
  width: 89.3333vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: max(60px, 6.25vw)
}

.p-topics-index {
  position: relative;
  margin-bottom: 14.9333vw
}

.p-topics-index>.copy {
  margin: 0;
  width: 100%;
  display: flex;
  overflow: hidden;
  height: 27.7333vw;
  margin-bottom: 5.3333vw
}

.p-topics-index>.copy::before,.p-topics-index>.copy::after {
  flex: 0 0 auto;
  content: "";
  color: var(--pink);
  will-change: transform;
  background-image: url(../img/txt_topics_1line.svg);
  background-repeat: repeat-x;
  background-position: 0 0;
  width: 165.2373vw;
  height: 27.7333vw;
  background-size: 82.6187vw 27.7333vw
}

.p-topics-index>.copy::before {
  animation: slideText linear 30s -15s infinite
}

.p-topics-index>.copy::after {
  animation: slideTextClone linear 30s infinite
}

.p-topics-index>.title {
  margin: 0 auto 14.9333vw;
  width: 89.3333vw;
  color: var(--graphite);
  font-size: 6.4vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 700;
  font-style: normal
}

.p-topics-index>.container {
  width: 89.3333vw;
  margin-left: auto;
  margin-right: auto
}

.p-topics-item {
  width: 100%;
  border-top: 1px solid var(--lightgray);
  position: relative;
  display: grid;
  grid-template: "image info" auto "image tags" 1fr/max(120px, 12.5vw) auto;
  -moz-column-gap: 4.2667vw;
  column-gap: 4.2667vw;
  padding: 5.3333vw 2.6667vw
}

.p-topics-item>a {
  position: relative;
  text-decoration: none;
  color: var(--graphite);
  display: contents
}

.p-topics-item>a .img {
  margin: 0;
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  grid-area: image
}

.p-topics-item>a .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover
}

.p-topics-item>a .info {
  grid-area: info
}

.p-topics-item>a .date {
  margin: 0;
  font-size: 3.7333vw;
  line-height: 1.5
}

.p-topics-item>a .date+.headline {
  margin-top: 1.0667vw
}

.p-topics-item>a .headline {
  margin: 0;
  font-size: 4vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-topics-item>a .arrow {
  color: var(--white)
}

.p-topics-item .tags {
  grid-area: tags;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5333333333vw 2.1333vw;
  margin-top: .5333333333vw
}

.p-topics-item .tags li {
  line-height: 1.75;
  font-size: 3.2vw;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-topics-item .tags li a {
  color: var(--pink);
  text-decoration: underline
}

.p-topics-item .tags li a::before {
  content: "#"
}

.p-topics-item:last-of-type {
  border-bottom: 1px solid var(--lightgray)
}

.p-topics-item.-latest {
  border: 1px solid var(--pink);
  grid-template: "image" auto "info" auto "tags" auto
}

.p-topics-item.-latest>a .img {
  margin-right: 0;
  width: 100%
}

.p-topics-item.-latest>a .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover
}

.p-topics-item.-latest>a .img+.info {
  margin-top: 6.4vw
}

.p-topics-item.-latest>a .info {
  padding: 0
}

.p-topics-item.-latest>a .info::before {
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  aspect-ratio: 1;
  color: var(--white);
  line-height: 1.2;
  border-radius: 50%;
  background-color: var(--pink);
  width: 16vw;
  height: 16vw;
  top: -2.6667vw;
  right: -2.6667vw;
  font-size: 4.2667vw;
  background-image: url(../img/txt_new.svg);
  background-size: 10.6667vw 5.0667vw;
  background-repeat: no-repeat;
  background-position: center center
}

.p-topics-item.-latest>a .date {
  font-size: 3.7333vw
}

.p-topics-item.-latest>a .date+* {
  margin-top: 2.1333vw
}

.p-topics-other {
  position: relative;
  margin-bottom: 19.2vw;
  overflow: hidden
}

.p-topics-other>.title {
  display: flex;
  align-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid var(--graphite);
  border-bottom: 1px solid var(--graphite);
  line-height: 1.2;
  height: 15.4667vw;
  margin-bottom: 10.6667vw;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-topics-other>.title::before,.p-topics-other>.title::after {
  content: "";
  flex: 0 0 auto;
  color: var(--graphite);
  letter-spacing: .06em;
  white-space: nowrap;
  will-change: transform;
  width: 244.76vw;
  height: 15.4667vw;
  background-image: url(../img/txt_other-topics.svg);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 81.5867vw 15.4667vw
}

.p-topics-other>.title::before {
  animation: slideText linear 30s -15s infinite
}

.p-topics-other>.title::after {
  animation: slideTextClone linear 30s infinite
}

.p-topics-other>.splide__arrows {
  position: relative
}

.p-topics-other>.splide__arrows .splide__arrow {
  position: absolute;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: var(--white);
  color: var(--black);
  border: 1px solid var(--black);
  top: 28.8vw;
  width: 13.3333vw;
  height: 13.3333vw;
  margin-top: -6.6667vw;
  transition-property: color,background-color,opacity,visibility;
  transition-duration: .3s;
  transition-timing-function: ease
}

.p-topics-other>.splide__arrows .splide__arrow svg {
  width: 6.4vw;
  height: 2.9867vw
}

.p-topics-other>.splide__arrows .splide__arrow:disabled {
  visibility: hidden;
  opacity: 0
}

.p-topics-other .splide__slide a {
  color: var(--graphite);
  text-decoration: none
}

.p-topics-other .splide__slide .img {
  margin: 0;
  width: 100%;
  overflow: hidden;
  margin-bottom: 5.3333vw
}

.p-topics-other .splide__slide .img img {
  width: 100%;
  height: auto
}

.p-topics-other .splide__slide .info .date {
  margin: 0;
  font-size: 3.7333vw;
  line-height: 1.5
}

.p-topics-other .splide__slide .info .date+.headline {
  margin-top: 2.1333vw
}

.p-topics-other .splide__slide .info .headline {
  margin: 0;
  font-size: 4.2667vw;
  line-height: 1.5;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 500;
  font-style: normal
}

.p-topics-other .splide__slide .tags {
  list-style: none;
  margin: 2.6667vw 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2.1333vw
}

.p-topics-other .splide__slide .tags li {
  font-size: 3.7333vw;
  line-height: 1.75;
  font-family: kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-topics-other .splide__slide .tags li a {
  color: var(--pink);
  text-decoration: underline
}

.p-topics-other .splide__slide .tags li a::before {
  content: "#"
}

.p-topics-share .list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: sticky;
  margin: 0;
  top: 0;
  width: 100%;
  height: 100vh
}

.p-topics-share .title {
  writing-mode: vertical-lr;
  font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
  font-weight: 600;
  font-style: normal;
  color: var(--graphite);
  font-size: pvVw(16);
  line-height: 1.5;
  padding-bottom: max(18px, 1.875vw);
  border-bottom: 1px solid var(--graphite);
  margin-bottom: max(18px, 1.875vw)
}

.p-topics-share .item {
  margin: 0;
  padding: 0
}

.p-topics-share .item a {
  text-decoration: none;
  color: var(--graphite)
}

.p-topics-share .item svg {
  width: max(18px, 1.875vw);
  height: pcVe(24)
}

.p-topics-share .item+.item {
  margin-top: max(19.5px, 2.0313vw)
}

.p-topics-side>*+* {
  margin-top: 14.9333vw
}

.u-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.u-uppercase {
  text-transform: uppercase !important
}

@media screen and (min-width: 768px) {
  .c-button {
      min-width:max(180px, 18.75vw);
      width: -moz-fit-content;
      width: fit-content;
      padding: max(3px, 0.3125vw) max(48px, 5vw) max(3px, 0.3125vw) max(48px, 5vw);
      height: max(42px, 4.375vw);
      font-size: max(12px, 1.25vw)
  }

  .c-button::after {
      margin-top: min(-0.3906vw, -3.75px);
      right: max(18px, 1.875vw);
      width: max(15px, 1.5625vw);
      height: max(7.5px, 0.7813vw)
  }

  .c-button.-rev::before {
      margin-top: min(-0.3906vw, -3.75px);
      left: max(18px, 1.875vw);
      width: max(15px, 1.5625vw);
      height: max(7.5px, 0.7813vw)
  }

  .c-button.-large {
      height: auto;
      min-width: max(240px, 25vw);
      min-height: max(48px, 5vw)
  }

  .c-pager {
      min-height: max(30px, 3.125vw);
      padding-left: max(30px, 3.125vw);
      padding-right: max(30px, 3.125vw)
  }

  .c-pager>.arrow {
      width: max(30px, 3.125vw);
      height: max(30px, 3.125vw)
  }

  .c-pager>.arrow>a svg,.c-pager>.arrow>span svg {
      width: max(12px, 1.25vw);
      height: max(6px, 0.625vw)
  }

  .c-pager>.item {
      line-height: 1.25;
      font-size: max(18px, 1.875vw)
  }

  .c-pager>.item>a,.c-pager>.item>span {
      padding-inline:max(3px, 0.3125vw)}

  .c-pager>.item+.item {
      margin-left: max(24px, 2.5vw)
  }

  .p-editor>*+* {
      margin-top: max(12px, 1.25vw)
  }

  .p-editor>h2 {
      font-size: max(18px, 1.875vw);
      padding-bottom: max(6px, 0.625vw);
      margin-bottom: max(27px, 2.8125vw)
  }

  .p-editor>h2:not(:first-child) {
      margin-top: max(60px, 6.25vw)
  }

  .p-editor>h3 {
      font-size: max(15px, 1.5625vw);
      margin-bottom: max(18px, 1.875vw)
  }

  .p-editor>h4 {
      font-size: max(13.5px, 1.4063vw);
      margin-bottom: max(18px, 1.875vw)
  }

  .p-editor>*+h3,.p-editor>*+h4 {
      margin-top: max(36px, 3.75vw)
  }

  .p-editor>h5,.p-editor>h6 {
      font-size: max(12px, 1.25vw)
  }

  .p-editor>ul {
      font-size: max(12px, 1.25vw)
  }

  .p-editor>p {
      font-size: max(12px, 1.25vw)
  }

  .p-editor>p img {
      margin-bottom: max(36px, 3.75vw)
  }

  .p-editor>p:not(:first-child) img {
      margin-top: max(36px, 3.75vw)
  }

  .p-editor>.products {
      padding-bottom: max(15px, 1.5625vw)
  }

  .p-editor>.products:not(:first-child) {
      margin-top: max(36px, 3.75vw)
  }

  .p-editor>.products .item .img {
      width: max(165px, 17.1875vw)
  }

  .p-editor>.products .item .img+.name {
      margin-top: max(6px, 0.625vw)
  }

  .p-editor>.products .item .name {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-editor>.products+.products {
      margin-top: max(15px, 1.5625vw)
  }

  .p-editor>.profile {
      padding: max(30px, 3.125vw) max(30px, 3.125vw) max(45px, 4.6875vw)
  }

  .p-editor>.profile:not(:first-child) {
      margin-top: max(60px, 6.25vw)
  }

  .p-editor>.profile>.img {
      margin-bottom: max(27px, 2.8125vw)
  }

  .p-editor>.profile>h3 {
      font-size: max(15px, 1.5625vw);
      margin-bottom: max(12px, 1.25vw)
  }

  .p-editor>.profile>p {
      font-size: max(12px, 1.25vw)
  }

  .p-editor>.button {
      margin-bottom: max(60px, 6.25vw)
  }

  .p-editor>.button:not(:first-child) {
      margin-top: max(60px, 6.25vw)
  }

  .p-editor>.button+.button {
      margin-top: min(-4.6875vw, -45px)
  }

  .p-editor>.button a {
      width: max(264px, 27.5vw);
      padding: max(3px, 0.3125vw) max(42px, 4.375vw) max(3px, 0.3125vw) max(42px, 4.375vw);
      height: max(42px, 4.375vw);
      font-size: max(10.5px, 1.0938vw)
  }

  .p-editor>.button a::after {
      margin-top: min(-0.3906vw, -3.75px);
      right: max(13.5px, 1.4063vw);
      width: max(15px, 1.5625vw);
      height: max(7.5px, 0.7813vw)
  }

  .p-index-app {
      padding-top: max(12px, 1.25vw);
      padding-bottom: max(12px, 1.25vw);
      width: max(840px, 87.5vw);
      display: flex;
      align-content: stretch;
      align-items: stretch
  }

  .p-index-app>.intro {
      flex: 0 0 auto;
      width: 50%;
      padding-top: max(30.75px, 3.2031vw)
  }

  .p-index-app>.intro .name .official {
      width: max(147px, 15.3125vw)
  }

  .p-index-app>.intro .name .title {
      margin-top: max(22.5px, 2.3438vw);
      width: max(147.75px, 15.3906vw);
      height: max(65.25px, 6.7969vw);
      margin-left: max(15px, 1.5625vw)
  }

  .p-index-app>.intro .lead {
      width: max(180px, 18.75vw);
      font-size: max(12px, 1.25vw);
      margin-top: max(22.5px, 2.3438vw);
      margin-left: max(15px, 1.5625vw);
      font-family: kinto-sans,"Noto Sans JP",sans-serif;
      font-weight: 700;
      font-style: normal
  }

  .p-index-app>.intro .image {
      top: max(30.75px, 3.2031vw);
      right: max(11.25px, 1.1719vw);
      width: max(180px, 18.75vw)
  }

  .p-index-app>.body {
      flex: 0 0 auto;
      width: 50%;
      border-left: 1px solid var(--pink);
      padding-left: max(45px, 4.6875vw);
      padding-top: max(30.75px, 3.2031vw);
      padding-bottom: max(36px, 3.75vw)
  }

  .p-index-app>.body .icon {
      width: max(141.75px, 14.7656vw);
      margin-bottom: max(22.5px, 2.3438vw)
  }

  .p-index-app>.body .desc {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-index-app>.body .desc+.download {
      margin-top: max(22.5px, 2.3438vw)
  }

  .p-index-app>.body .download .title {
      flex: 0 0 auto;
      font-size: max(10.5px, 1.0938vw);
      margin-bottom: max(8.25px, 0.8594vw);
      font-family: kinto-sans,"Noto Sans JP",sans-serif;
      font-weight: 900;
      font-style: normal
  }

  .p-index-app>.body .download .title::after {
      margin-left: max(6px, 0.625vw);
      border-top: max(6.4952px, 0.6766vw) solid var(--graphite);
      border-left: max(3.75px, 0.3906vw) solid rgba(0,0,0,0);
      border-right: max(3.75px, 0.3906vw) solid rgba(0,0,0,0)
  }

  .p-index-app>.body .download .item {
      height: max(30px, 3.125vw)
  }

  .p-index-app>.body .download .item+.item {
      margin-left: max(12px, 1.25vw)
  }

  .p-index-brand {
      width: max(840px, 87.5vw);
      margin-bottom: max(60px, 6.25vw)
  }

  .p-index-brand>.title {
      font-size: max(42px, 4.375vw);
      text-align: left
  }

  .p-index-brand>.title svg {
      height: max(50.25px, 5.2344vw)
  }

  .p-index-brand>.title+.lead {
      margin-top: max(20.25px, 2.1094vw)
  }

  .p-index-brand>.lead {
      font-size: max(12px, 1.25vw)
  }

  .p-index-brand>.lead+* {
      margin-top: max(48px, 5vw)
  }

  .p-index-brand>.categories .item+.item {
      margin-left: max(15px, 1.5625vw);
      padding-left: max(15px, 1.5625vw)
  }

  .p-index-brand>.categories .button {
      padding-block:max(3.75px, 0.3906vw);padding-inline:max(12px, 1.25vw);font-size: max(10.5px, 1.0938vw);
      transition-property: color,background-color;
      transition-duration: .3s;
      transition-timing-function: ease
  }

  .p-index-brand>.categories+.brands {
      margin-top: max(36px, 3.75vw)
  }

  .p-index-brand>.brands {
      gap: max(15px, 1.5625vw);
      grid-template-columns: repeat(5, 1fr)
  }

  .p-index-footer {
      width: max(840px, 87.5vw);
      margin-left: auto;
      margin-right: auto
  }

  .p-index-footer>.upper {
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      margin-bottom: max(60px, 6.25vw)
  }

  .p-index-footer>.upper .title {
      -moz-text-align-last: left;
      text-align-last: left;
      font-size: max(36px, 3.75vw)
  }

  .p-index-footer>.upper .title svg {
      height: max(43.5px, 4.5313vw)
  }

  .p-index-footer>.upper .p-index-sns {
      margin-left: max(82.5px, 8.5938vw)
  }

  .p-index-footer>.lower {
      padding-top: max(41.25px, 4.2969vw);
      padding-bottom: max(42.75px, 4.4531vw);
      padding-left: max(60.75px, 6.3281vw)
  }

  .p-index-footer>.lower::before {
      width: max(718.5px, 74.8438vw);
      height: max(244.5px, 25.4688vw)
  }

  .p-index-footer>.lower .copy {
      width: max(769.5px, 80.1563vw);
      font-size: max(111px, 11.5625vw);
      -moz-text-align-last: justify;
      text-align-last: justify
  }

  .p-index-instagram {
      width: max(840px, 87.5vw);
      margin-left: auto;
      margin-right: auto;
      margin-bottom: max(96px, 10vw)
  }

  .p-index-instagram>.header {
      display: flex;
      align-items: flex-end;
      margin-bottom: max(43.5px, 4.5313vw)
  }

  .p-index-instagram>.header .title {
      font-size: max(42px, 4.375vw);
      line-height: 1;
      text-align: left
  }

  .p-index-instagram>.header .title svg {
      height: max(50.25px, 5.2344vw)
  }

  .p-index-instagram>.header .more {
      text-align: left;
      margin-left: max(33px, 3.4375vw);
      margin-bottom: max(10.5px, 1.0938vw)
  }

  .p-index-instagram>.header .more a {
      padding-bottom: max(6px, 0.625vw)
  }

  .p-index-instagram>.header .more a svg {
      height: max(9px, 0.9375vw)
  }

  .p-index-instagram>.list {
      grid-template-columns: repeat(4, 1fr);
      gap: max(12px, 1.25vw)
  }

  .p-index-instagram>.list li img {
      transition: transform .3s ease
  }

  .p-index-kv {
      display: flex;
      /* padding-top: max(131.25px, 13.6719vw); */
      /* padding-bottom: max(24px, 2.5vw); */
      /* margin-bottom: max(84px, 8.75vw) */
  }

  .p-index-kv>.title {
      top: min(-2.0313vw, -19.5px);
      height: max(142.5px, 14.8438vw)
  }

  .p-index-kv>.title::before,.p-index-kv>.title::after {
      width: max(1425px, 148.4375vw);
      background-size: max(1425px, 148.4375vw) max(142.5px, 14.8438vw)
  }

  .p-index-kv>.anchor {
      top: max(102.75px, 10.7031vw);
      left: max(15px, 1.5625vw);
      right: auto;
      font-size: max(13.5px, 1.4063vw);
      line-height: 1.2778
  }

  .p-index-kv>.anchor li a svg {
      height: max(16.5px, 1.7188vw)
  }

  .p-index-kv>.anchor li+li::before {
      height: max(9px, 0.9375vw);
      margin-left: max(9px, 0.9375vw);
      margin-right: max(9px, 0.9375vw)
  }

  .p-index-kv .p-index-slider {
      flex: 0 0 auto
  }

  .p-index-kv .p-index-movie {
      flex: 0 0 auto;
      margin-left: max(18px, 1.875vw);
  }

  .p-index-lookbook {
      width: max(840px, 87.5vw);
      margin-bottom: max(96px, 10vw)
  }

  .p-index-lookbook>.title {
      text-align: left;
      font-size: max(42px, 4.375vw)
  }

  .p-index-lookbook>.title svg {
      height: max(50.25px, 5.2344vw)
  }

  .p-index-lookbook>.title+.lead {
      margin-top: max(20.25px, 2.1094vw)
  }

  .p-index-lookbook>.lead {
      font-size: max(12px, 1.25vw)
  }

  .p-index-lookbook>.lead+.list {
      margin-top: max(48px, 5vw)
  }

  .p-index-lookbook>.list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: max(24px, 2.5vw)
  }

  .p-index-lookbook>.list .item {
      width: max(408px, 42.5vw);
      height: max(408px, 42.5vw)
  }

  .p-index-lookbook>.list .item a {
      font-size: max(15px, 1.5625vw);
      padding: max(18px, 1.875vw) max(72px, 7.5vw) max(18px, 1.875vw) max(18px, 1.875vw)
  }

  .p-index-lookbook>.list .item a::after {
      right: max(18px, 1.875vw);
      bottom: max(18px, 1.875vw);
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      background-size: max(15px, 1.5625vw) max(7.5px, 0.7813vw);
      transition: background-color .3s ease
  }

  .p-index-lookbook>.list .item.-empty::before {
      font-size: max(21px, 2.1875vw)
  }

  .p-index-lookbook>.list .item.-empty::after {
      margin-top: max(10.5px, 1.0938vw);
      font-size: max(30px, 3.125vw)
  }

  .p-index-movie .trigger a {
      width: max(300px, 31.25vw);
      height: max(345px, 35.9375vw);
      padding: max(37.5px, 3.9063vw) max(37.5px, 3.9063vw) max(18px, 1.875vw)
  }

  .p-index-movie .title {
      display: none
  }

  .p-index-movie .info {
      margin-top: max(12px, 1.25vw);
      width: max(186px, 19.375vw)
  }

  .p-index-movie .info .sub {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-index-movie .info .sub+.main {
      margin-top: max(2.25px, 0.2344vw)
  }

  .p-index-movie .info .main {
      font-size: max(18px, 1.875vw)
  }

  .p-index-movie .more {
      padding: max(15px, 1.5625vw) 0 0 max(15px, 1.5625vw);
      width: max(99px, 10.3125vw);
      height: max(99px, 10.3125vw);
      right: min(-2.5vw, -24px);
      bottom: min(-0.9375vw, -9px);
      border-radius: 0 0 50%
  }

  .p-index-movie .more .circle {
      width: max(84px, 8.75vw);
      height: max(84px, 8.75vw);
  }

  .p-index-movie .more .arrow {
      width: max(22.5px, 2.3438vw);
      height: max(10.5px, 1.0938vw);
      scale: 2.3;
  }

  .p-index-movie .modal {
      padding: 72px max(60px, 6.25vw);
      overflow: auto
  }

  .p-index-movie .modal .video-js {
      max-width: max(720px, 75vw)
  }

  .p-index-movie .close {
      width: 72px;
      height: 72px
  }

  .p-index-pickup {
      width: max(840px, 87.5vw);
      margin-bottom: max(78px, 8.125vw);
      display: flex;
      align-content: flex-start;
      justify-content: space-between
  }

  .p-index-pickup::before {
      top: min(-2.3438vw, -22.5px);
      left: max(19.5px, 2.0313vw);
      width: max(804px, 83.75vw);
      height: max(75px, 7.8125vw);
      background-image: url(../img/txt_recommend_pc.svg)
  }

  .p-index-pickup>.title {
      padding-top: max(48px, 5vw);
      padding-left: max(11.25px, 1.1719vw);
      margin-bottom: 0
  }

  .p-index-pickup>.title::before {
      width: max(110.25px, 11.4844vw);
      height: max(35.25px, 3.6719vw);
      margin-bottom: max(7.5px, 0.7813vw)
  }

  .p-index-pickup>.title .main {
      font-size: max(36px, 3.75vw);
      margin-bottom: 0;
      text-align: left
  }

  .p-index-pickup>.title .main img {
      height: max(27px, 2.8125vw)
  }

  .p-index-pickup>.title svg {
      height: max(43.5px, 4.5313vw)
  }

  .p-index-pickup>.list {
      flex: 0 0 auto;
      display: flex;
      align-content: stretch;
      align-items: stretch;
      width: max(660px, 68.75vw);
      margin-left: auto
  }

  .p-index-pickup>.list .item {
      flex: 0 0 auto;
      width: max(318px, 33.125vw);
      min-height: max(165px, 17.1875vw)
  }

  .p-index-pickup>.list .item+.item {
      margin-left: max(24px, 2.5vw)
  }

  .p-index-pickup>.list .item a {
      display: flex;
      padding: max(15px, 1.5625vw)
  }

  .p-index-pickup>.list .item a::after {
      right: max(15px, 1.5625vw);
      bottom: max(15px, 1.5625vw);
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      background-size: max(15px, 1.5625vw) max(7.5px, 0.7813vw);
      transition: background-color .3s ease
  }

  .p-index-pickup>.list .item a .img {
      overflow: hidden;
      flex: 0 0 auto;
      width: max(135px, 14.0625vw)
  }

  .p-index-pickup>.list .item a .text {
      margin-top: max(9px, 0.9375vw);
      margin-left: max(12px, 1.25vw);
      font-size: max(13.5px, 1.4063vw)
  }

  .p-index-slider {
      width: max(597px, 62.1875vw);
      padding-right: max(44.25px, 4.6094vw)
  }

  .p-index-slider .splide__arrows .splide__arrow--next {
      width: max(45px, 4.6875vw);
      height: max(45px, 4.6875vw);
      top: max(150px, 15.625vw);
      /* left: max(150px, 15.625vw); */
      left: max(150px, 7.625vw);
      transition: background-color .3s ease
  }

  .p-index-slider .splide__arrows .splide__arrow--next svg {
      width: max(22.5px, 2.3438vw);
      height: max(10.5px, 1.0938vw)
  }

  .p-index-slider .splide__pagination {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      background-color: var(--white);
      flex-direction: column;
      justify-content: flex-start;
      padding: max(7.5px, 0.7813vw) max(10.5px, 1.0938vw);
      height: 100%;
      width: max(44.25px, 4.6094vw)
  }

  .p-index-slider .splide__pagination li {
      width: max(23.25px, 2.4219vw)
  }

  .p-index-slider .splide__pagination li+li {
      margin-top: max(4.5px, 0.4688vw)
  }

  .p-index-slider .splide__pagination .splide__pagination__page {
      width: max(23.25px, 2.4219vw);
      height: max(15.75px, 1.6406vw)
  }

  .p-index-slider .splide__pagination .splide__pagination__page::before,.p-index-slider .splide__pagination .splide__pagination__page::after {
      width: max(15.75px, 1.6406vw);
      height: max(15.75px, 1.6406vw);
      transform: rotate(90deg)
  }

  .p-index-slider .splide__track {
      width: max(345px, 35.9375vw);
      margin-left: max(207.75px, 21.6406vw);
      margin-right: 0
  }

  .p-index-slider .splide__slide {
      /* width: max(345px, 35.9375vw); */
      width:max(345px, 44vw);
      height: max(345px, 35.9375vw);
      margin-right: 0;
      margin-left: max(24px, 2.5vw)
  }

  .p-index-slider .splide__slide a::after {
      right: max(18px, 1.875vw);
      bottom: max(18px, 1.875vw);
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      background-size: max(15px, 1.5625vw) max(7.5px, 0.7813vw);
      transition: background-color .3s ease
  }

  .p-index-slider .splide__slide .copy {
      width: max(273px, 28.4375vw);
      left: max(18px, 1.875vw);
      bottom: max(18px, 1.875vw);
      /* font-size: max(15px, 1.5625vw) */
      font-size: max(20px, 2.35vw);
  }

  .p-index-slider .splide__slide.-new a::before {
      font-size: max(12px, 1.25vw);
      top: max(15px, 1.5625vw);
      right: max(15px, 1.5625vw);
      width: max(48px, 5vw);
      height: max(48px, 5vw);
      background-size: max(30px, 3.125vw) max(14.25px, 1.4844vw)
  }

  .p-index-sns>.item a {
      display: grid;
      grid-template: "icon service" auto "icon username" auto/max(28.5px, 2.9688vw) auto;
      -moz-column-gap: max(10.5px, 1.0938vw);
      column-gap: max(10.5px, 1.0938vw);
      row-gap: max(1.5px, 0.1563vw)
  }

  .p-index-sns>.item .icon {
      grid-area: icon;
      width: max(28.5px, 2.9688vw);
      height: max(28.5px, 2.9688vw)
  }

  .p-index-sns>.item .service {
      grid-area: service;
      font-size: max(12px, 1.25vw)
  }

  .p-index-sns>.item .username {
      display: block;
      width: -moz-fit-content;
      width: fit-content;
      letter-spacing: .02em;
      line-height: 1.2;
      grid-area: username;
      font-size: max(10.5px, 1.0938vw);
      background-image: linear-gradient(currentColor, currentColor);
      background-position: left bottom;
      background-repeat: no-repeat;
      background-size: 100% 1px;
      font-family: Futura,"Century Gothic",kinto-sans,"Noto Sans JP",sans-serif;
      font-weight: 400;
      font-style: normal
  }

  .p-index-sns>.item+.item {
      margin-left: max(48px, 5vw)
  }

  .p-index-tags {
      width: max(840px, 87.5vw);
      display: flex;
      align-content: center;
      align-items: center;
      padding-block:max(21px, 2.1875vw);margin-bottom: max(96px, 10vw)
  }

  .p-index-tags>.header {
      flex: 0 0 auto;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      flex-direction: column;
      padding-inline:max(60px, 6.25vw);text-align: center;
      width: max(281.25px, 29.2969vw);
      min-height: max(168px, 17.5vw);
      border-right: 1px solid rgba(255,255,255,.25)
  }

  .p-index-tags>.header .title {
      font-size: max(42px, 4.375vw)
  }

  .p-index-tags>.header .title svg {
      height: max(42px, 4.375vw)
  }

  .p-index-tags>.header .title+.lead {
      margin-top: max(6px, 0.625vw)
  }

  .p-index-tags>.header .lead {
      font-size: max(12px, 1.25vw)
  }

  .p-index-tags>.tags {
      padding-left: max(52.5px, 5.4688vw);
      padding-right: max(90px, 9.375vw)
  }

  .p-index-tags>.tags li {
      margin: max(7.5px, 0.7813vw)
  }

  .p-index-tags>.tags li a {
      font-size: max(15px, 1.5625vw)
  }

  .p-index-topics {
      width: max(840px, 87.5vw);
      margin-bottom: max(96px, 10vw)
  }

  .p-index-topics>.title {
      text-align: left;
      font-size: max(42px, 4.375vw);
      margin-bottom: max(31.5px, 3.2813vw)
  }

  .p-index-topics>.title svg {
      height: max(50.25px, 5.2344vw)
  }

  .p-index-topics>.container {
      margin-left: auto;
      margin-right: auto;
      display: grid;
      grid-auto-flow: row dense;
      grid-template-columns: max(513px, 53.4375vw) max(255px, 26.5625vw);
      -moz-column-gap: max(87px, 9.0625vw);
      column-gap: max(87px, 9.0625vw)
  }

  .p-index-topics>.container .side {
      width: max(255px, 26.5625vw);
      grid-column: 2;
      position: sticky;
      height: -moz-fit-content;
      height: fit-content;
      align-self: end;
      bottom: max(36px, 3.75vw)
  }

  .p-index-topics>.container .main {
      grid-column: 1;
      width: max(513px, 53.4375vw)
  }

  .p-index-topics>.container .more {
      margin-top: max(54px, 5.625vw)
  }

  .p-index-topics>.container .more svg {
      width: max(59.25px, 6.1719vw);
      height: max(18px, 1.875vw)
  }

  .p-side-pickup {
      padding-top: max(45px, 4.6875vw)
  }

  .p-side-pickup::before {
      font-size: max(10.5px, 1.0938vw);
      padding: max(2.25px, 0.2344vw) max(7.5px, 0.7813vw) max(3px, 0.3125vw)
  }

  .p-side-pickup>.title {
      top: max(8.25px, 0.8594vw);
      left: max(10.5px, 1.0938vw);
      font-size: max(25.5px, 2.6563vw)
  }

  .p-side-pickup>.title svg {
      height: max(30.75px, 3.2031vw)
  }

  .p-side-pickup>.splide__arrows .splide__arrow {
      width: max(25.5px, 2.6563vw);
      height: max(25.5px, 2.6563vw)
  }

  .p-side-pickup>.splide__arrows .splide__arrow svg {
      width: max(12px, 1.25vw);
      height: max(6px, 0.625vw)
  }

  .p-side-pickup>.splide__arrows .splide__arrow--prev {
      left: min(-0.7813vw, -7.5px)
  }

  .p-side-pickup>.splide__arrows .splide__arrow--next {
      right: min(-0.7813vw, -7.5px)
  }

  .p-side-pickup .splide__slide a {
      padding: 0 max(33px, 3.4375vw) max(48px, 5vw)
  }

  .p-side-pickup .splide__slide a::after {
      right: max(15px, 1.5625vw);
      bottom: max(15px, 1.5625vw);
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      background-size: max(15px, 1.5625vw) max(7.5px, 0.7813vw);
      transition: background-color .3s ease
  }

  .p-side-pickup .splide__slide .img+.text {
      margin-top: max(7.5px, 0.7813vw)
  }

  .p-side-pickup .splide__slide .text {
      font-size: max(12px, 1.25vw)
  }

  .p-side-related>.title {
      font-size: max(24px, 2.5vw);
      margin-bottom: max(24px, 2.5vw);
      padding-left: max(3px, 0.3125vw);
      padding-bottom: max(6px, 0.625vw)
  }

  .p-side-related>.title::before {
      width: max(60px, 6.25vw);
      height: max(25.5px, 2.6563vw);
      margin-bottom: max(3px, 0.3125vw)
  }

  .p-side-related>.title svg {
      height: max(28.5px, 2.9688vw)
  }

  .p-side-related>.list .item .img {
      margin-right: max(12px, 1.25vw);
      width: max(75px, 7.8125vw)
  }

  .p-side-related>.list .item .info .date {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-side-related>.list .item .info .date+.headline {
      margin-top: max(4.5px, 0.4688vw)
  }

  .p-side-related>.list .item .info .headline {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-side-related>.list .item+.item {
      margin-top: max(15px, 1.5625vw);
      padding-top: max(15px, 1.5625vw)
  }

  .p-side-tags>.title {
      font-size: max(24px, 2.5vw);
      margin-bottom: max(24px, 2.5vw);
      padding-left: max(3px, 0.3125vw);
      padding-bottom: max(6px, 0.625vw)
  }

  .p-side-tags>.title svg {
      height: max(28.5px, 2.9688vw)
  }

  .p-side-tags>.list {
      padding: 0;
      gap: max(7.5px, 0.7813vw) max(6px, 0.625vw)
  }

  .p-side-tags>.list .item {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-side-tags>.list .item a {
      padding: max(1.5px, 0.1563vw) max(9px, 0.9375vw) max(2.25px, 0.2344vw)
  }

  .p-side-tags.-other .title::before {
      width: max(78px, 8.125vw);
      height: max(25.5px, 2.6563vw);
      margin-bottom: max(3px, 0.3125vw)
  }

  .p-topics-article {
      width: max(540px, 56.25vw);
      padding-left: max(60px, 6.25vw)
  }

  .p-topics-article .header {
      padding-top: max(9px, 0.9375vw);
      margin-bottom: max(42px, 4.375vw)
  }

  .p-topics-article .header .date {
      font-size: max(9px, 0.9375vw)
  }

  .p-topics-article .header .date+.headline {
      margin-top: max(3.75px, 0.3906vw)
  }

  .p-topics-article .header .headline {
      font-size: max(28.5px, 2.9688vw)
  }

  .p-topics-article .header .headline+.tags {
      margin-top: max(12px, 1.25vw)
  }

  .p-topics-article .header .tags {
      gap: max(7.5px, 0.7813vw)
  }

  .p-topics-article .header .tags li {
      font-size: max(9px, 0.9375vw)
  }

  .p-topics-article .back {
      margin-top: max(90px, 9.375vw);
      padding-top: max(18px, 1.875vw)
  }

  .p-topics-article .back a {
      font-size: max(12px, 1.25vw)
  }

  .p-topics-article .back a::before {
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      margin-right: max(13.5px, 1.4063vw);
      background-size: max(15px, 1.5625vw) max(7.5px, 0.7813vw);
      transition: background-color .3s ease
  }

  .p-topics-detail>.container {
      margin-bottom: max(96px, 10vw);
      padding-top: max(45px, 4.6875vw);
      width: max(840px, 87.5vw);
      display: grid;
      grid-auto-flow: row dense;
      grid-template-columns: max(540px, 56.25vw) max(240px, 25vw);
      -moz-column-gap: max(60px, 6.25vw);
      column-gap: max(60px, 6.25vw)
  }

  .p-topics-index {
      margin-bottom: max(105px, 10.9375vw)
  }

  .p-topics-index>.copy {
      height: max(142.5px, 14.8438vw);
      margin-bottom: max(18px, 1.875vw)
  }

  .p-topics-index>.copy::before,.p-topics-index>.copy::after {
      width: max(849px, 88.4375vw);
      height: max(142.5px, 14.8438vw);
      background-size: max(424.5px, 44.2188vw) max(142.5px, 14.8438vw)
  }

  .p-topics-index>.title {
      font-size: max(27px, 2.8125vw);
      width: max(840px, 87.5vw);
      margin-bottom: max(30px, 3.125vw)
  }

  .p-topics-index>.container {
      width: max(840px, 87.5vw);
      display: grid;
      grid-auto-flow: row dense;
      grid-template-columns: max(525px, 54.6875vw) max(240px, 25vw);
      -moz-column-gap: max(75px, 7.8125vw);
      column-gap: max(75px, 7.8125vw)
  }

  .p-topics-index>.container .p-topics-side {
      grid-row: span 2
  }

  .p-topics-index>.container .c-pager {
      grid-column: 1;
      margin-top: max(60px, 6.25vw)
  }

  .p-topics-item {
      -moz-column-gap: max(30px, 3.125vw);
      column-gap: max(30px, 3.125vw);
      padding: max(15px, 1.5625vw) max(15px, 1.5625vw) max(15px, 1.5625vw) max(7.5px, 0.7813vw)
  }

  .p-topics-item>a .img {
      width: max(120px, 12.5vw);
      height: max(120px, 12.5vw)
  }

  .p-topics-item>a .info {
      padding-top: max(6px, 0.625vw);
      padding-right: max(60px, 6.25vw)
  }

  .p-topics-item>a .info::after {
      content: "";
      display: block;
      border-radius: 100vmax;
      position: absolute;
      background-color: var(--black);
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(../img/arrow_right_white_s.svg);
      right: max(15px, 1.5625vw);
      bottom: max(15px, 1.5625vw);
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      background-size: max(15px, 1.5625vw) max(7.5px, 0.7813vw);
      transition: background-color .3s ease
  }

  .p-topics-item>a .date {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-topics-item>a .date+.headline {
      margin-top: max(9px, 0.9375vw)
  }

  .p-topics-item>a .headline {
      font-size: max(13.5px, 1.4063vw);
      transition: color .3s ease
  }

  .p-topics-item>a .headline+* {
      margin-top: max(9px, 0.9375vw)
  }

  .p-topics-item>a .arrow {
      position: absolute;
      right: max(15px, 1.5625vw);
      bottom: max(15px, 1.5625vw);
      width: max(36px, 3.75vw);
      height: max(18px, 1.875vw);
      background-color: var(--black);
      border-radius: 100vmax;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      transition: background-color .3s ease
  }

  .p-topics-item>a .arrow svg {
      width: max(15px, 1.5625vw);
      height: max(7.5px, 0.7813vw)
  }

  .p-topics-item .tags {
      gap: max(6px, 0.625vw) max(12px, 1.25vw);
      margin-top: max(9px, 0.9375vw)
  }

  .p-topics-item .tags li {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-topics-item.-latest {
      padding: max(31.5px, 3.2813vw) max(31.5px, 3.2813vw) max(51px, 5.3125vw)
  }

  .p-topics-item.-latest>a .img {
      width: max(192px, 20vw);
      height: max(192px, 20vw)
  }

  .p-topics-item.-latest>a .img+.info {
      margin-top: max(15px, 1.5625vw)
  }

  .p-topics-item.-latest>a .info {
      padding: 0
  }

  .p-topics-item.-latest>a .info::before {
      font-size: max(12px, 1.25vw);
      top: min(-0.7813vw, -7.5px);
      right: min(-1.5625vw, -15px);
      width: max(48px, 5vw);
      height: max(48px, 5vw);
      background-size: max(30px, 3.125vw) max(14.25px, 1.4844vw)
  }

  .p-topics-item.-latest>a .date {
      font-size: max(12px, 1.25vw)
  }

  .p-topics-item.-latest>a .date+* {
      margin-top: max(6px, 0.625vw)
  }

  .p-topics-item.-latest>a .arrow {
      bottom: max(7.5px, 0.7813vw)
  }

  .p-topics-list {
      padding-top: max(33px, 3.4375vw)
  }

  .p-topics-other {
      margin-bottom: max(54px, 5.625vw)
  }

  .p-topics-other>.title {
      height: max(60px, 6.25vw);
      margin-bottom: max(48px, 5vw)
  }

  .p-topics-other>.title::before,.p-topics-other>.title::after {
      width: max(949.5px, 98.9063vw);
      height: max(60px, 6.25vw);
      background-size: max(316.5px, 32.9688vw) max(60px, 6.25vw)
  }

  .p-topics-other>.splide__arrows {
      margin-left: auto;
      margin-right: auto;
      width: max(780px, 81.25vw)
  }

  .p-topics-other>.splide__arrows .splide__arrow {
      top: max(86.25px, 8.9844vw);
      width: max(45px, 4.6875vw);
      height: max(45px, 4.6875vw);
      margin-top: min(-2.3438vw, -22.5px)
  }

  .p-topics-other>.splide__arrows .splide__arrow svg {
      width: max(22.5px, 2.3438vw);
      height: max(10.5px, 1.0938vw)
  }

  .p-topics-other>.splide__arrows .splide__arrow--prev {
      left: min(-2.3438vw, -22.5px)
  }

  .p-topics-other>.splide__arrows .splide__arrow--next {
      right: min(-2.3438vw, -22.5px)
  }

  .p-topics-other>.splide__track {
      width: max(780px, 81.25vw);
      margin-left: auto;
      margin-right: auto
  }

  .p-topics-other .splide__slide .img {
      margin-bottom: max(12px, 1.25vw)
  }

  .p-topics-other .splide__slide .info .date {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-topics-other .splide__slide .info .date+.headline {
      margin-top: max(3px, 0.3125vw)
  }

  .p-topics-other .splide__slide .info .headline {
      font-size: max(10.5px, 1.0938vw)
  }

  .p-topics-other .splide__slide .tags {
      gap: max(6px, 0.625vw);
      margin-top: max(7.5px, 0.7813vw)
  }

  .p-topics-other .splide__slide .tags li {
      font-size: max(9px, 0.9375vw)
  }

  .p-topics-share {
      position: absolute;
      top: 0;
      left: min(-1.875vw, -18px);
      width: max(18px, 1.875vw);
      height: 100%
  }

  .p-topics-side {
      align-self: flex-end;
      grid-column: 2;
      position: sticky;
      bottom: max(36px, 3.75vw);
      height: -moz-fit-content;
      height: fit-content
  }

  .p-topics-side>*+* {
      margin-top: max(36px, 3.75vw)
  }

  .u-sp {
      display: none !important
  }
}

@media screen and (min-width: 768px)and (hover: hover) {
  .c-button {
      transition:background-color .3s ease
  }

  .c-button:hover {
      background-color: var(--pink)
  }

  .c-button:hover::after {
      animation: arrowShake .3s ease 2 forwards
  }

  .c-button.-rev:hover::before {
      animation: arrowShakeRev .3s ease 2 forwards
  }

  .c-button.-pink:hover {
      background-color: var(--black)
  }

  .c-pager>.arrow.-prev a:hover svg {
      animation: arrowShakeRev .3s ease 2 forwards
  }

  .c-pager>.arrow.-next a:hover svg {
      animation: arrowShake .3s ease 2 forwards
  }

  .c-pager>.arrow>a:hover {
      background-color: var(--pink)
  }

  .c-pager>.item>a {
      transition: color .3s ease
  }

  .c-pager>.item>a:hover {
      color: var(--pink)
  }

  .p-editor a:hover {
      text-decoration: none
  }

  .p-editor>.products .item a:hover {
      text-decoration: none
  }

  .p-editor>.products .item a:hover .img {
      opacity: .6
  }

  .p-editor>.products .item .img {
      transition: opacity .3s ease
  }

  .p-editor>.button a {
      transition: background-color .3s ease
  }

  .p-editor>.button a:hover {
      background-color: var(--black)
  }

  .p-editor>.button a:hover::after {
      animation: arrowShake .3s ease 2 forwards
  }

  .p-index-app>.body .download .item a {
      transition: opacity .3s ease
  }

  .p-index-app>.body .download .item a:hover {
      opacity: .6
  }

  .p-index-brand>.categories .button:hover {
      color: var(--black)
  }

  .p-index-brand>.categories .button.-active:hover {
      color: var(--white)
  }

  .p-index-brand>.brands .brand a {
      transition: border-color .3s ease
  }

  .p-index-brand>.brands .brand a img {
      transition: transform .3s ease
  }

  .p-index-brand>.brands .brand a:hover {
      border-color: var(--pink)
  }

  .p-index-brand>.brands .brand a:hover img {
      transform: scale(1.05)
  }

  .p-index-instagram>.header .more a:hover {
      animation: hoverBorder .6s ease forwards
  }

  .p-index-instagram>.list li a:hover img {
      transform: scale(1.05)
  }

  .p-index-kv>.anchor li a {
      transition: color .3s ease
  }

  .p-index-kv>.anchor li a:hover {
      color: var(--black)
  }

  .p-index-lookbook>.list .item a:hover::after {
      animation: arrowShakeBg .3s ease 2 forwards;
      background-color: var(--pink)
  }

  .p-index-lookbook>.list .item a:hover+.img {
      transform: scale(1.05)
  }

  .p-index-movie .trigger a {
      transition: color .3s ease
  }

  .p-index-movie .trigger a:hover {
      color: var(--graphite)
  }

  .p-index-movie .trigger a:hover .arrow {
      animation: arrowShake .3s ease 2 forwards
  }

  .p-index-movie .close {
      transition: opacity .3s ease
  }

  .p-index-movie .close:hover {
      opacity: .6
  }

  .p-index-pickup>.list .item a:hover::after {
      background-image: url(../img/arrow_right_black.svg);
      animation: arrowShakeBg .3s ease 2 forwards;
      background-color: var(--white)
  }

  .p-index-pickup>.list .item a:hover img {
      transform: scale(1.05)
  }

  .p-index-pickup>.list .item a .img img {
      transition: transform .3s ease
  }

  .p-index-slider .splide__arrows .splide__arrow--next:hover {
      background-color: #065C92;
  }

  .p-index-slider .splide__arrows .splide__arrow--next:hover svg {
      animation: arrowShake .3s ease 2 forwards
  }

  .p-index-slider .splide__pagination .splide__pagination__page:hover::before {
      opacity: 0
  }

  .p-index-slider .splide__pagination .splide__pagination__page:hover::after {
      opacity: 1
  }

  .p-index-slider .splide__slide .img {
      transition: transform .3s ease
  }

  .p-index-slider .splide__slide a:hover::after {
      animation: arrowShakeBg .3s ease 2 forwards;
      background-color: var(--pink)
  }

  .p-index-slider .splide__slide a:hover+.img {
      transform: scale(1.05)
  }

  .p-index-sns>.item a {
      transition: color .3s ease
  }

  .p-index-sns>.item a:hover {
      color: var(--pink)
  }

  .p-index-sns>.item a:hover .username {
      animation: hoverBorder .6s ease forwards
  }

  .p-index-tags>.tags li a:hover {
      animation: hoverBorder .6s ease forwards
  }

  .p-side-pickup>.splide__arrows .splide__arrow {
      transition-property: color,background-color;
      transition-duration: .3s;
      transition-timing-function: ease
  }

  .p-side-pickup>.splide__arrows .splide__arrow:hover {
      color: var(--white);
      background-color: var(--black)
  }

  .p-side-pickup>.splide__arrows .splide__arrow--prev:hover svg {
      animation: arrowShakeRev .3s ease 2 forwards
  }

  .p-side-pickup>.splide__arrows .splide__arrow--next:hover svg {
      animation: arrowShake .3s ease 2 forwards
  }

  .p-side-pickup .splide__slide a:hover::after {
      background-image: url(../img/arrow_right_black_s.svg);
      animation: arrowShakeBg .3s ease 2 forwards;
      background-color: var(--white)
  }

  .p-side-pickup .splide__slide a:hover img {
      transform: scale(1.05)
  }

  .p-side-pickup .splide__slide .img img {
      transition: transform .3s ease
  }

  .p-side-related>.list .item a {
      transition: color .3s ease
  }

  .p-side-related>.list .item a:hover {
      color: var(--pink)
  }

  .p-side-related>.list .item a:hover .img img {
      transform: scale(1.05)
  }

  .p-side-related>.list .item .img img {
      transition: transform .3s ease
  }

  .p-side-tags>.list .item a {
      transition-property: color,background-color,border-color;
      transition-duration: .3s;
      transition-timing-function: ease
  }

  .p-side-tags>.list .item a:hover {
      color: var(--white);
      background-color: var(--pink)
  }

  .p-topics-article .header .tags li a:hover {
      text-decoration: none
  }

  .p-topics-article .back a {
      transition: color .3s ease
  }

  .p-topics-article .back a:hover {
      color: var(--pink)
  }

  .p-topics-article .back a:hover::before {
      animation: arrowShakeRevBg .3s ease 2 forwards;
      background-color: var(--pink)
  }

  .p-topics-item>a:hover .img img {
      transform: scale(1.05)
  }

  .p-topics-item>a:hover .headline {
      color: var(--pink)
  }

  .p-topics-item>a:hover .info::after {
      animation: arrowShakeBg .3s ease 2 forwards;
      background-color: var(--pink)
  }

  .p-topics-item>a:hover .arrow {
      background-color: var(--pink)
  }

  .p-topics-item>a:hover .arrow svg {
      animation: arrowShakeBg .3s ease 2 forwards
  }

  .p-topics-item>a .img img {
      transition: transform .3s ease
  }

  .p-topics-item .tags li a:hover {
      text-decoration: none
  }

  .p-topics-other>.splide__arrows .splide__arrow:hover {
      color: var(--white);
      background-color: var(--black)
  }

  .p-topics-other>.splide__arrows .splide__arrow--prev:hover svg {
      animation: arrowShakeRev .3s ease 2 forwards
  }

  .p-topics-other>.splide__arrows .splide__arrow--next:hover svg {
      animation: arrowShake .3s ease 2 forwards
  }

  .p-topics-other .splide__slide a:hover .img img {
      transform: scale(1.05)
  }

  .p-topics-other .splide__slide a:hover .headline {
      color: var(--pink)
  }

  .p-topics-other .splide__slide .img img {
      transition: transform .3s ease
  }

  .p-topics-other .splide__slide .info .headline {
      transition: color .3s ease
  }

  .p-topics-other .splide__slide .tags li a:hover {
      text-decoration: none
  }

  .p-topics-share .item a {
      transition: color .3s ease
  }

  .p-topics-share .item a:hover {
      color: var(--pink)
  }
}

@media screen and (max-width: 767px) {
  .c-button {
      height:14.9333vw;
      width: 78.6667vw;
      margin-left: auto;
      margin-right: auto;
      padding: 1.0667vw 17.0667vw 1.0667vw 17.0667vw;
      font-size: 4.2667vw
  }

  .p-editor>.products .item:nth-child(odd) {
      padding-right: max(15px, 1.5625vw)
  }

  .p-editor>.products .item:nth-child(even) {
      padding-left: max(15px, 1.5625vw)
  }

  .p-editor>.products.-center .item {
      padding-left: max(7.5px, 0.7813vw);
      padding-right: max(7.5px, 0.7813vw)
  }

  .p-editor>.button a {
      height: 14.9333vw;
      width: 89.3333vw;
      margin-left: auto;
      margin-right: auto;
      padding: 1.0667vw 14.9333vw 1.0667vw 14.9333vw;
      font-size: 3.7333vw
  }

  .p-index-app>.intro {
      min-height: 72vw
  }

  .p-index-app>.body {
      border-top: 1px solid var(--pink);
      margin-top: 10.6667vw;
      padding-top: 10.6667vw
  }

  .p-index-brand>.title svg {
      margin-left: auto;
      margin-right: auto
  }

  .p-index-brand>.categories {
      width: calc(100% + 4vw);
      overflow-x: auto;
      padding-bottom: 3.2vw
  }

  .p-index-brand>.categories .item:last-child {
      padding-right: 5.3333vw
  }

  .p-index-footer>.upper {
      width: 92vw;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 11.7333vw
  }

  .p-index-footer>.upper .title svg {
      margin-left: auto;
      margin-right: auto
  }

  .p-index-footer>.upper .p-index-sns {
      margin-top: 6.4vw
  }

  .p-index-footer>.lower {
      width: 92vw;
      margin-left: auto;
      margin-right: auto;
      padding-top: 9.6vw;
      padding-bottom: 9.6vw
  }

  .p-index-instagram>.header .title svg {
      margin-left: auto;
      margin-right: auto
  }

  .p-index-instagram>.header .more {
      margin-top: 5.3333vw
  }

  .p-index-instagram>.header .more a {
      width: -moz-fit-content;
      width: fit-content;
      margin-left: auto;
      margin-right: auto
  }

  .p-index-lookbook>.title svg {
      margin-left: auto;
      margin-right: auto
  }

  .p-index-lookbook>.list .item+.item {
      margin-top: 4.2667vw
  }

  .p-index-movie .trigger a {
      width: 92vw;
      margin-left: auto;
      margin-right: auto;
      padding: 8.5333vw 8.5333vw 6.9333vw
  }

  .p-index-pickup::before {
      font-size: 13.3333vw;
      top: -8.5333vw;
      left: 50%;
      width: 89.8667vw;
      height: 10.1333vw;
      transform: translateX(-50%);
      background-image: url(../img/txt_recommend_sp.svg)
  }

  .p-index-pickup>.title::before {
      width: 39.2vw;
      height: 12.5333vw;
      margin-bottom: 2.1333vw;
      margin-left: auto;
      margin-right: auto
  }

  .p-index-pickup>.list .item+.item {
      margin-top: 8.5333vw
  }

  .p-index-slider {
      margin-bottom: 9.6vw
  }

  .p-index-slider .splide__pagination {
      width: 100%;
      direction: ltr;
      margin-top: 3.2vw;
      justify-content: flex-end;
      -moz-column-gap: 2.6667vw;
      column-gap: 2.6667vw;
      padding-right: 4vw
  }

  .p-index-slider .splide__slide .copy {
      /* font-size: 4.2667vw; */
      font-size: 6.8667vw;
      width: 67.2vw;

      bottom: 11vw;
  }

  .p-index-sns {
      justify-content: center;
      gap: 6.4vw
  }

  .p-index-sns>.item a {
      display: flex;
      justify-content: flex-start;
      align-content: center;
      align-items: center;
      -moz-column-gap: 2.1333vw;
      column-gap: 2.1333vw
  }

  .p-index-sns>.item .service {
      background-image: linear-gradient(currentColor, currentColor);
      background-position: left bottom;
      background-repeat: no-repeat;
      background-size: 100% 1px;
      padding-bottom: .5333333333vw
  }

  .p-index-sns>.item .username {
      display: none
  }

  .p-index-tags>.header {
      text-align: center;
      padding-bottom: 8.5333vw;
      margin-bottom: 8.5333vw;
      border-bottom: 1px solid rgba(255,255,255,.25)
  }

  .p-index-tags>.header .title svg {
      margin-left: auto;
      margin-right: auto
  }

  .p-index-tags>.tags {
      margin: -1.3333vw .5333333333vw
  }

  .p-index-topics>.title svg {
      margin-left: auto;
      margin-right: auto
  }

  .p-index-topics>.container .side {
      width: 84vw;
      margin-left: auto;
      margin-right: auto
  }

  .p-side-pickup {
      width: 89.3333vw;
      margin-left: auto;
      margin-right: auto;
      padding-top: 17.0667vw
  }

  .p-topics-detail>.container .p-topics-article {
      margin-bottom: 21.3333vw
  }

  .p-topics-index>.container .p-topics-side {
      margin-top: 21.3333vw
  }

  .p-topics-index>.container .c-pager {
      margin-top: 16vw;
      margin-bottom: 21.3333vw
  }

  .p-topics-item>a .headline br {
      display: none
  }

  .p-topics-item.-latest {
      margin-bottom: 14.9333vw;
      padding: 6.4vw 6.4vw max(66px, 6.875vw)
  }

  .p-topics-item.-latest>a .info::after {
      content: "";
      display: block;
      border-radius: 100vmax;
      position: absolute;
      background-color: var(--black);
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(../img/arrow_right_white_s.svg);
      right: 4vw;
      bottom: 4vw;
      width: 12.8vw;
      height: 6.4vw;
      background-size: 5.3333vw 2.6667vw;
      transition: background-color .3s ease
  }

  .p-topics-item.-latest .tags {
      margin-top: 2.6667vw
  }

  .p-topics-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12.8vw 5.3333vw
  }

  .p-topics-list>.p-topics-item {
      padding: 0;
      display: block
  }

  .p-topics-list>.p-topics-item a {
      display: block
  }

  .p-topics-list>.p-topics-item .img {
      width: 100%;
      margin-bottom: 5.3333vw
  }

  .p-topics-list>.p-topics-item .info .date+.headline {
      margin-top: 2.1333vw
  }

  .p-topics-list>.p-topics-item .tags {
      margin-top: 2.6667vw
  }

  .p-topics-list>.p-topics-item:last-of-type {
      border-bottom: none
  }

  .p-topics-other>.splide__arrows {
      width: 57.6vw;
      margin-left: 5.3333vw;
      margin-right: auto
  }

  .p-topics-other>.splide__arrows .splide__arrow--prev {
      display: none
  }

  .p-topics-other>.splide__arrows .splide__arrow--next {
      right: -16.5333vw
  }

  .p-topics-other>.splide__track {
      width: 57.6vw;
      margin-left: 5.3333vw;
      margin-right: auto;
      overflow: visible
  }

  .p-topics-share {
      display: none
  }

  .u-pc {
      display: none !important
  }
}


.splide__arrows--rtl .splide__arrow--next svg {
  transform: unset;
}