@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap");
:root {
  --beige-lv1: #C7BAAB;
  --green-lv1: #C1CDBD;
  --purple-lv1: #291D2D;
  --white-lv1: #fff;
  --white-lv1-rgb: 255, 255, 255;
  --black-lv1: #000;
  --black-lv2: #202020;
  --black-lv2-rgb: 32, 32, 32;
  --black-lv3: #303030;
  --black-lv4: #0B1725;
  --gray-lv1: #D9D9D9;
}

/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

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

* {
  padding: 0;
  margin: 0;
}

hr {
  overflow: visible;
  height: 0;
  color: inherit;
}

details, main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b, strong {
  font-weight: bolder;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
}

input {
  border-radius: 0;
}

[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  color: inherit;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  white-space: normal;
  max-width: 100%;
}

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

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

/* ----- break point ----- */
/* -------------------------------------------- */
/* ----------- Zen Kaku Gothic New ------------ */
/* -------------------------------------------- */
:root {
  --font-zenkakugothic: "Zen Kaku Gothic New", sans-serif;
}

/* -------------------------------------------- */
/* ------------- Instrument Sans -------------- */
/* -------------------------------------------- */
:root {
  --font-instrumentsans: "Instrument Sans", sans-serif;
}

/* -------------------------------------------- */
/* --------------- Noto Sasn JP --------------- */
/* -------------------------------------------- */
:root {
  --font-notosans: "Noto Sans JP", sans-serif;
}

/* -------------------------------------------- */
/* ------------------- Inter ------------------ */
/* -------------------------------------------- */
:root {
  --font-inter: "Inter", sans-serif;
}

/* -------------------------------------------- */
/* ------------- PP Editorial Old ------------- */
/* -------------------------------------------- */
@font-face {
  font-family: "PpEditorialOld";
  src: url("../font/ppeditorialold-ultralight.woff2") format("woff2");
  font-weight: 200; /* UltraLight */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PpEditorialOld";
  src: url("../font/ppeditorialold-italic.woff2") format("woff2");
  font-weight: 200; /* 同じ重さ */
  font-style: italic;
  font-display: swap;
}
:root {
  --font-editorial: "PpEditorialOld", serif;
}

@keyframes infinite-slide1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes infinite-slide2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
a {
  color: var(--black-lv2);
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}

* {
  box-sizing: border-box;
}

img {
  display: block;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}

html {
  word-wrap: break-word;
}

body {
  position: relative;
  font-feature-settings: "palt";
  color: var(--black-lv2);
  background-color: var(--black-lv4);
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  transition: background-color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  body {
    font-size: calc(14 * 100vw / 375);
  }
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -100;
  background-color: var(--black-lv4);
  transition: background-color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
  will-change: background-color;
}
body.is-isles:before {
  background-color: var(--beige-lv1);
}
body.is-isles .header,
body.is-isles .header a,
body.is-isles .header span,
body.is-isles .header .title {
  color: var(--white-lv1);
}
body.is-isles .header a::before,
body.is-isles .header span.txt::before,
body.is-isles .header .dot {
  background-color: var(--white-lv1) !important;
}
body.is-isles .header path {
  stroke: var(--white-lv1);
}
body.is-isles .header .logo img.logo_black {
  opacity: 0;
}
body.is-isles .header .logo img.logo_white {
  opacity: 1;
}
body.is-isles .footer,
body.is-isles .footer a,
body.is-isles .footer span {
  color: var(--white-lv1);
}
body.is-isles .footer a::before {
  background-color: var(--white-lv1) !important;
}
body.is-isles .footer path {
  stroke: var(--white-lv1);
}
body.is-isles .footer .logo img.logo_black {
  opacity: 0;
}
body.is-isles .footer .logo img.logo_white {
  opacity: 1;
}
body.is-isles .footer .container {
  border-top: 1px solid rgba(var(--white-lv1-rgb), 0.25);
}
body.is-isles .sp_menu {
  background-color: var(--black-lv4);
}
body.is-isles .sp_menu .title {
  color: var(--white-lv1);
}
body.is-isles .sp_menu a,
body.is-isles .sp_menu span {
  color: var(--white-lv1);
}
body.is-isles .sp_menu a::before {
  background-color: var(--white-lv1) !important;
}
body.is-isles .sp_menu path {
  stroke: var(--white-lv1);
}
body.is-four_voices:before {
  background-color: var(--purple-lv1);
}
body.is-four_voices .sp_menu {
  background-color: var(--green-lv1);
}

html {
  font-weight: normal;
}

br.sp-br {
  display: none;
}
@media only screen and (max-width: 1024px) {
  br.sp-br {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  br.pc-br {
    display: none;
  }
}

html.is-loading [data-barba=container] {
  opacity: 0;
}

main {
  will-change: filter;
}

html.is-sp-menu-open,
body.is-sp-menu-open {
  overflow: hidden;
}

.header {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  padding: calc(32 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
}
@media only screen and (max-width: 1024px) {
  .header {
    padding: calc(16 * 100vw / 375) calc(20 * 100vw / 375) 0;
  }
}
.header.is-hidden-by-modal {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .header .container {
    gap: initial;
  }
}
.header .container .logo {
  display: block;
  width: calc(163 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .header .container .logo {
    width: calc(108 * 100vw / 375);
  }
}
.header .container .logo img {
  width: 100%;
  height: auto;
  transition: opacity 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .logo img.logo_white {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.header .container .right {
  width: 50%;
  padding-left: calc(20 * 100vw / 1700);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .header .container .right {
    gap: initial;
    width: initial;
    padding-left: 0;
    display: none;
  }
}
.header .container .right .projects {
  width: 50%;
  display: flex;
  align-items: flex-start;
  gap: calc(12 * 100vw / 1700);
}
.header .container .right .projects .title {
  font-size: calc(13 * 100vw / 1700);
  line-height: 1;
  letter-spacing: 0.02em;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-style: italic;
  transition: color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .right .projects .list {
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
.header .container .right .projects .list .gnav_btn {
  display: flex;
  padding-left: calc(10 * 100vw / 1700);
  transform: translate3d(calc(-10 * 100vw / 1700), 0, 0);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .header .container .right .projects .list .gnav_btn {
    padding-left: calc(10 * 100vw / 375);
    transform: translate3d(calc(-10 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .header .container .right .projects .list .gnav_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .projects .list .gnav_btn:hover:before {
    opacity: 1;
  }
  .header .container .right .projects .list .gnav_btn:hover .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media (hover: none) {
  .header .container .right .projects .list .gnav_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .projects .list .gnav_btn:active:before {
    opacity: 1;
  }
  .header .container .right .projects .list .gnav_btn:active .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.header .container .right .projects .list .gnav_btn:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate3d(0, -80%, 0);
  width: 4px;
  height: 4px;
  background-color: var(--black-lv2);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1500px) {
  .header .container .right .projects .list .gnav_btn:before {
    width: 3px;
    height: 3px;
  }
}
@media only screen and (max-width: 1024px) {
  .header .container .right .projects .list .gnav_btn:before {
    width: 1vw;
    height: 1vw;
  }
}
.header .container .right .projects .list .gnav_btn .txt {
  display: inline-block;
  position: relative;
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .header .container .right .projects .list .gnav_btn .txt {
    font-size: calc(18 * 100vw / 375);
  }
}
.header .container .right .projects .list .gnav_btn .txt {
  transition: color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .right .projects .list .gnav_btn .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .right .menu {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
.header .container .right .menu .gnav {
  display: flex;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
.header .container .right .menu .gnav .list {
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
.header .container .right .menu .gnav .list .item {
  display: flex;
  justify-content: flex-start;
}
.header .container .right .menu .gnav .list .item .gnav_btn {
  display: flex;
  padding-left: calc(10 * 100vw / 1700);
  transform: translate3d(calc(-10 * 100vw / 1700), 0, 0);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .gnav .list .item .gnav_btn {
    padding-left: calc(10 * 100vw / 375);
    transform: translate3d(calc(-10 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .header .container .right .menu .gnav .list .item .gnav_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .menu .gnav .list .item .gnav_btn:hover:before {
    opacity: 1;
  }
  .header .container .right .menu .gnav .list .item .gnav_btn:hover .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media (hover: none) {
  .header .container .right .menu .gnav .list .item .gnav_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .menu .gnav .list .item .gnav_btn:active:before {
    opacity: 1;
  }
  .header .container .right .menu .gnav .list .item .gnav_btn:active .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.header .container .right .menu .gnav .list .item .gnav_btn:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate3d(0, -80%, 0);
  width: 4px;
  height: 4px;
  background-color: var(--black-lv2);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1500px) {
  .header .container .right .menu .gnav .list .item .gnav_btn:before {
    width: 3px;
    height: 3px;
  }
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .gnav .list .item .gnav_btn:before {
    width: 1vw;
    height: 1vw;
  }
}
.header .container .right .menu .gnav .list .item .gnav_btn .txt {
  display: inline-block;
  position: relative;
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .gnav .list .item .gnav_btn .txt {
    font-size: calc(18 * 100vw / 375);
  }
}
.header .container .right .menu .gnav .list .item .gnav_btn .txt {
  transition: color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .right .menu .gnav .list .item .gnav_btn .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .right .menu .sns {
  width: calc(98 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
.header .container .right .menu .sns .sns_btn {
  display: inline-block;
  transform: translate3d(calc(-14 * 100vw / 1700), 0, 0);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn {
    transform: translate3d(calc(-14 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .header .container .right .menu .sns .sns_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .menu .sns .sns_btn:hover .inner .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .header .container .right .menu .sns .sns_btn:hover .inner .icon {
    will-change: transform;
  }
  .header .container .right .menu .sns .sns_btn:hover .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .menu .sns .sns_btn:hover .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(calc(4 * 100vw / 1700), calc(-6 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn:hover .inner .icon.icon_02 {
    transform: translate3d(calc(4 * 100vw / 375), calc(-6 * 100vw / 375), 0);
  }
}
@media (hover: none) {
  .header .container .right .menu .sns .sns_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .menu .sns .sns_btn:active .inner .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .header .container .right .menu .sns .sns_btn:active .inner .icon {
    will-change: transform;
  }
  .header .container .right .menu .sns .sns_btn:active .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .header .container .right .menu .sns .sns_btn:active .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(calc(4 * 100vw / 1700), calc(-6 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn:active .inner .icon.icon_02 {
    transform: translate3d(calc(4 * 100vw / 375), calc(-6 * 100vw / 375), 0);
  }
}
.header .container .right .menu .sns .sns_btn .inner {
  display: flex;
  gap: calc(1 * 100vw / 1700);
  align-items: flex-start;
  position: relative;
  padding-left: calc(14 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn .inner {
    gap: calc(1 * 100vw / 375);
    padding-left: calc(14 * 100vw / 375);
  }
}
.header .container .right .menu .sns .sns_btn .inner .txt {
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn .inner .txt {
    font-size: calc(18 * 100vw / 375);
  }
}
.header .container .right .menu .sns .sns_btn .inner .txt {
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
}
.header .container .right .menu .sns .sns_btn .inner .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn .inner .txt:before {
    bottom: calc(-2 * 100vw / 375);
  }
}
.header .container .right .menu .sns .sns_btn .inner .icon {
  width: calc(12 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn .inner .icon {
    width: calc(12 * 100vw / 375);
  }
}
.header .container .right .menu .sns .sns_btn .inner .icon.icon_01 {
  position: absolute;
  top: calc(-2 * 100vw / 1700);
  left: calc(0 * 100vw / 1700);
  opacity: 0;
  transform: translate3d(calc(-4 * 100vw / 1700), calc(4 * 100vw / 1700), 0);
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn .inner .icon.icon_01 {
    top: calc(-2 * 100vw / 375);
    transform: translate3d(calc(-4 * 100vw / 375), calc(4 * 100vw / 375), 0);
  }
}
.header .container .right .menu .sns .sns_btn .inner .icon.icon_02 {
  transform: translate3d(0, calc(-2 * 100vw / 1700), 0);
  will-change: transform;
}
@media only screen and (max-width: 1024px) {
  .header .container .right .menu .sns .sns_btn .inner .icon.icon_02 {
    transform: translate3d(0, calc(-2 * 100vw / 375), 0);
  }
}
.header .container .right .menu .sns .sns_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.header .container .right .menu .sns .sns_btn .inner .icon svg path {
  transition: stroke 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.header .container .hamburger_btn {
  display: none;
  align-items: center;
  gap: calc(5 * 100vw / 375);
}
@media only screen and (max-width: 1024px) {
  .header .container .hamburger_btn {
    display: flex;
  }
}
.header .container .hamburger_btn .dot {
  background-color: var(--black-lv1);
  width: calc(5 * 100vw / 375);
  height: calc(5 * 100vw / 375);
  border-radius: 50%;
  transform: translate3d(0, calc(1.5 * 100vw / 375), 0);
}
.header .container .hamburger_btn .txt {
  font-size: calc(13 * 100vw / 375);
  letter-spacing: -0.04em;
  font-family: var(--font-instrumensans);
  font-weight: 400;
  line-height: 1;
}

.sp_menu {
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: var(--beige-lv1);
  filter: blur(20px);
  mask-image: url(../image/common_mask_image_02.png);
  -webkit-mask-image: url(../image/common_mask_image_02.png);
  mask-repeat: no-repeat;
  mask-size: 100% 300%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 300%;
  will-change: mask-position, -webkit-mask-position, filter;
  transition: background-color 0.9s linear, mask-position 0.9s linear, -webkit-mask-position 0.9s linear, filter 0.9s linear;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .sp_menu {
    display: block;
  }
}
.sp_menu.is-open {
  filter: blur(0px);
  pointer-events: auto;
  mask-position: 0 100%;
  -webkit-mask-position: 0 100%;
}
.sp_menu .sp_menu_inner {
  overflow-y: auto;
}
.sp_menu .sp_menu_inner .gnav_wrap {
  padding: calc(120 * 100vw / 375) calc(20 * 100vw / 375);
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav {
    flex-wrap: wrap;
    gap: calc(64 * 100vw / 375) 0;
    width: 100%;
    justify-content: flex-start;
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item {
  width: calc(98 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  gap: calc(20 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item {
    width: 50%;
    gap: calc(20 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item:first-of-type {
    padding-right: calc(6 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item:nth-child(2) {
    padding-left: calc(6 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .title {
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(13 * 100vw / 1700);
  font-style: italic;
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .title {
    font-size: calc(15 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list {
  display: flex;
  flex-direction: column;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list {
    gap: calc(12 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item {
  width: 100%;
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn {
  display: flex;
  padding-left: calc(10 * 100vw / 1700);
  transform: translate3d(calc(-10 * 100vw / 1700), 0, 0);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn {
    padding-left: calc(10 * 100vw / 375);
    transform: translate3d(calc(-10 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:hover:before {
    opacity: 1;
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:hover .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media (hover: none) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:active:before {
    opacity: 1;
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:active .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate3d(0, -80%, 0);
  width: 4px;
  height: 4px;
  background-color: var(--black-lv2);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1500px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:before {
    width: 3px;
    height: 3px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn:before {
    width: 1vw;
    height: 1vw;
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn .txt {
  display: inline-block;
  position: relative;
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  transition: color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn .txt {
    font-size: calc(26 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .item .gnav_btn .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn {
  display: inline-block;
  transform: translate3d(calc(-14 * 100vw / 1700), 0, 0);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn {
    transform: translate3d(calc(-14 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:hover .inner .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:hover .inner .icon {
    will-change: transform;
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:hover .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:hover .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(calc(4 * 100vw / 1700), calc(-6 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:hover .inner .icon.icon_02 {
    transform: translate3d(calc(4 * 100vw / 375), calc(-6 * 100vw / 375), 0);
  }
}
@media (hover: none) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:active .inner .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:active .inner .icon {
    will-change: transform;
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:active .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:active .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(calc(4 * 100vw / 1700), calc(-6 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn:active .inner .icon.icon_02 {
    transform: translate3d(calc(4 * 100vw / 375), calc(-6 * 100vw / 375), 0);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner {
  display: flex;
  gap: calc(1 * 100vw / 1700);
  align-items: flex-start;
  position: relative;
  padding-left: calc(14 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner {
    gap: calc(1 * 100vw / 375);
    padding-left: calc(14 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .txt {
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .txt {
    font-size: calc(18 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .txt {
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .txt:before {
    bottom: calc(-2 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon {
  width: calc(12 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon {
    width: calc(12 * 100vw / 375);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon.icon_01 {
  position: absolute;
  top: calc(-2 * 100vw / 1700);
  left: calc(0 * 100vw / 1700);
  opacity: 0;
  transform: translate3d(calc(-4 * 100vw / 1700), calc(4 * 100vw / 1700), 0);
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon.icon_01 {
    top: calc(-2 * 100vw / 375);
    transform: translate3d(calc(-4 * 100vw / 375), calc(4 * 100vw / 375), 0);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon.icon_02 {
  transform: translate3d(0, calc(-2 * 100vw / 1700), 0);
  will-change: transform;
}
@media only screen and (max-width: 1024px) {
  .sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon.icon_02 {
    transform: translate3d(0, calc(-2 * 100vw / 375), 0);
  }
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.sp_menu .sp_menu_inner .gnav_wrap .gnav .gnav_item .list .sns_btn .inner .icon svg path {
  transition: stroke 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}

.footer {
  margin-top: calc(320 * 100vw / 1700);
  padding: 0 calc(40 * 100vw / 1700) calc(96 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .footer {
    margin-top: calc(200 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375) calc(104 * 100vw / 375);
  }
}
.footer .container {
  border-top: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: calc(56 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .footer .container {
    padding-top: calc(40 * 100vw / 375);
    flex-direction: column;
    gap: calc(64 * 100vw / 375);
  }
}
.footer .container .logo {
  display: block;
  width: calc(514 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .footer .container .logo {
    width: calc(278 * 100vw / 375);
  }
}
.footer .container .logo img {
  width: 100%;
  height: auto;
  transition: opacity 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.footer .container .logo img.logo_white {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.footer .container .gnav {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav {
    flex-wrap: wrap;
    gap: calc(64 * 100vw / 375) 0;
    width: 100%;
    justify-content: flex-start;
  }
}
.footer .container .gnav .gnav_item {
  width: calc(98 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  gap: calc(20 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item {
    width: 50%;
    gap: calc(20 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item:first-of-type {
    padding-right: calc(6 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item:nth-child(2) {
    padding-left: calc(6 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .title {
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(13 * 100vw / 1700);
  font-style: italic;
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .title {
    font-size: calc(15 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list {
  display: flex;
  flex-direction: column;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list {
    gap: calc(12 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list .item {
  width: 100%;
}
.footer .container .gnav .gnav_item .list .item .gnav_btn {
  display: flex;
  padding-left: calc(10 * 100vw / 1700);
  transform: translate3d(calc(-10 * 100vw / 1700), 0, 0);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .item .gnav_btn {
    padding-left: calc(10 * 100vw / 375);
    transform: translate3d(calc(-10 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .footer .container .gnav .gnav_item .list .item .gnav_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .footer .container .gnav .gnav_item .list .item .gnav_btn:hover:before {
    opacity: 1;
  }
  .footer .container .gnav .gnav_item .list .item .gnav_btn:hover .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media (hover: none) {
  .footer .container .gnav .gnav_item .list .item .gnav_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .footer .container .gnav .gnav_item .list .item .gnav_btn:active:before {
    opacity: 1;
  }
  .footer .container .gnav .gnav_item .list .item .gnav_btn:active .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.footer .container .gnav .gnav_item .list .item .gnav_btn:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate3d(0, -80%, 0);
  width: 4px;
  height: 4px;
  background-color: var(--black-lv2);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1500px) {
  .footer .container .gnav .gnav_item .list .item .gnav_btn:before {
    width: 3px;
    height: 3px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .item .gnav_btn:before {
    width: 1vw;
    height: 1vw;
  }
}
.footer .container .gnav .gnav_item .list .item .gnav_btn .txt {
  display: inline-block;
  position: relative;
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .item .gnav_btn .txt {
    font-size: calc(18 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list .item .gnav_btn .txt {
  transition: color 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.footer .container .gnav .gnav_item .list .item .gnav_btn .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.footer .container .gnav .gnav_item .list .sns_btn {
  display: inline-block;
  transform: translate3d(calc(-14 * 100vw / 1700), 0, 0);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn {
    transform: translate3d(calc(-14 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .footer .container .gnav .gnav_item .list .sns_btn:hover {
    transform: translate3d(0, 0, 0);
  }
  .footer .container .gnav .gnav_item .list .sns_btn:hover .inner .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .footer .container .gnav .gnav_item .list .sns_btn:hover .inner .icon {
    will-change: transform;
  }
  .footer .container .gnav .gnav_item .list .sns_btn:hover .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .footer .container .gnav .gnav_item .list .sns_btn:hover .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(calc(4 * 100vw / 1700), calc(-6 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn:hover .inner .icon.icon_02 {
    transform: translate3d(calc(4 * 100vw / 375), calc(-6 * 100vw / 375), 0);
  }
}
@media (hover: none) {
  .footer .container .gnav .gnav_item .list .sns_btn:active {
    transform: translate3d(0, 0, 0);
  }
  .footer .container .gnav .gnav_item .list .sns_btn:active .inner .txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .footer .container .gnav .gnav_item .list .sns_btn:active .inner .icon {
    will-change: transform;
  }
  .footer .container .gnav .gnav_item .list .sns_btn:active .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .footer .container .gnav .gnav_item .list .sns_btn:active .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(calc(4 * 100vw / 1700), calc(-6 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn:active .inner .icon.icon_02 {
    transform: translate3d(calc(4 * 100vw / 375), calc(-6 * 100vw / 375), 0);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner {
  display: flex;
  gap: calc(1 * 100vw / 1700);
  align-items: flex-start;
  position: relative;
  padding-left: calc(14 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn .inner {
    gap: calc(1 * 100vw / 375);
    padding-left: calc(14 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .txt {
  font-size: calc(14 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.01em;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn .inner .txt {
    font-size: calc(18 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .txt {
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn .inner .txt:before {
    bottom: calc(-2 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .icon {
  width: calc(12 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn .inner .icon {
    width: calc(12 * 100vw / 375);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .icon.icon_01 {
  position: absolute;
  top: calc(-2 * 100vw / 1700);
  left: calc(0 * 100vw / 1700);
  opacity: 0;
  transform: translate3d(calc(-4 * 100vw / 1700), calc(4 * 100vw / 1700), 0);
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn .inner .icon.icon_01 {
    top: calc(-2 * 100vw / 375);
    transform: translate3d(calc(-4 * 100vw / 375), calc(4 * 100vw / 375), 0);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .icon.icon_02 {
  transform: translate3d(0, calc(-2 * 100vw / 1700), 0);
  will-change: transform;
}
@media only screen and (max-width: 1024px) {
  .footer .container .gnav .gnav_item .list .sns_btn .inner .icon.icon_02 {
    transform: translate3d(0, calc(-2 * 100vw / 375), 0);
  }
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.footer .container .gnav .gnav_item .list .sns_btn .inner .icon svg path {
  transition: stroke 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}

.l-fv {
  padding: calc(160 * 100vw / 1700) calc(40 * 100vw / 1700) calc(80 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-fv {
    padding: calc(80 * 100vw / 375) calc(20 * 100vw / 375) calc(24 * 100vw / 375);
  }
}
.l-fv.profile {
  padding-bottom: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-fv.profile {
    padding-bottom: calc(28 * 100vw / 375);
  }
}
.l-fv .container .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .l-fv .container .title {
    font-size: calc(64 * 100vw / 375);
  }
}

.common_bg {
  position: fixed;
  z-index: -9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: difference;
  pointer-events: none;
  overflow: hidden;
}
.common_bg__video {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.common_bg__fallback {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.common_bg__fallback img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  display: block;
}
.common_bg.is-video-ready .common_bg__video {
  opacity: 1;
}

.mouse-stalker {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  transform: translate3d(-9999px, -9999px, 0);
}
@media only screen and (max-width: 1024px) {
  .mouse-stalker {
    display: none;
  }
}
.mouse-stalker.is-active .mouse-stalker_inner {
  opacity: 1;
  transform: scale(1);
  filter: blur(0px);
}
.mouse-stalker.is-active .mouse-stalker_inner .mouse-stalker_text {
  opacity: 1;
  transition-delay: 0.3s;
  filter: blur(0px);
}
.mouse-stalker .mouse-stalker_inner {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: var(--black-lv2);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0);
  filter: blur(20px);
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
.mouse-stalker .mouse-stalker_inner .mouse-stalker_text {
  color: var(--white-lv1);
  font-size: 18px;
  line-height: 0.9;
  font-family: var(--font-editorial);
  font-weight: 200;
  white-space: nowrap;
  opacity: 0;
  filter: blur(20px);
  transition: opacity 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}

.video-stalker {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 9999;
  visibility: hidden;
  transform: translate3d(-9999px, -9999px, 0);
  will-change: transform;
  width: calc(320 * 100vw / 1700);
  transition: visibility 0s linear 0.6s;
}
@media only screen and (max-width: 1024px) {
  .video-stalker {
    display: none;
  }
}
.video-stalker.is-active {
  visibility: visible;
  transition-delay: 0s;
}
.video-stalker.is-active .video-stalker_inner img {
  filter: blur(0px);
  opacity: 1;
}
.video-stalker .video-stalker_inner img {
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  filter: blur(20px);
}

.common-projects {
  padding: calc(40 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .common-projects {
    padding: calc(160 * 100vw / 375) calc(20 * 100vw / 375) 0;
    gap: calc(56 * 100vw / 375);
  }
}
.common-projects .head {
  display: flex;
  flex-direction: column;
  gap: calc(48 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-projects .head {
    gap: calc(28 * 100vw / 375);
  }
}
.common-projects .head .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-projects .head .title {
    font-size: calc(64 * 100vw / 375);
  }
}
.common-projects .head .msg {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .common-projects .head .msg {
    font-size: calc(13 * 100vw / 375);
  }
}
.common-projects .list {
  height: 100vh;
  max-height: 100vh;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list {
    height: initial;
    max-height: initial;
    display: flex;
    flex-direction: column;
    gap: calc(64 * 100vw / 375);
  }
}
.common-projects .list .item {
  width: 100%;
  height: 100%;
  padding: calc(104 * 100vw / 1700) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(40 * 100vw / 1700);
  position: absolute;
  inset: 0;
  mask-repeat: no-repeat;
  mask-size: 100% 300%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 300%;
  transition-property: mask-position, -webkit-mask-position, filter;
  transition-duration: 0.6s, 0.6s, 0.6s, 0.6s;
  transition-timing-function: linear, linear, linear, linear;
  transition-delay: 0s, 0s, 0s, 0s;
  will-change: mask-position, -webkit-mask-position, filter, -webkit-filter;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item {
    padding: 0;
    gap: calc(24 * 100vw / 375);
    flex-direction: column;
    justify-content: flex-start;
    height: initial;
    position: static;
    transition-duration: 0.9s, 0.9s, 0.9s, 0.9s;
  }
}
.common-projects .list .item.is-active {
  z-index: 2;
  filter: blur(0px);
}
.common-projects .list .item.is-front {
  z-index: 3;
}
.common-projects .list .item.is-back {
  z-index: 2;
}
.common-projects .list .item.is-delay {
  transition-delay: 0.3s, 0.3s, 0.3s, 0.3s;
}
.common-projects .list .item:nth-child(1) {
  mask-image: url(../image/common_mask_image_01.png);
  -webkit-mask-image: url(../image/common_mask_image_01.png);
  mask-position: 0 100%;
  -webkit-mask-position: 0 100%;
  filter: blur(20px);
}
.common-projects .list .item:nth-child(1).is-active {
  filter: blur(0px);
  mask-position: 0 0;
  -webkit-mask-position: 0 0;
}
.common-projects .list .item:nth-child(2) {
  mask-image: url(../image/common_mask_image_02.png);
  -webkit-mask-image: url(../image/common_mask_image_02.png);
  filter: blur(20px);
  mask-position: 0 0;
  -webkit-mask-position: 0 0;
}
.common-projects .list .item:nth-child(2).is-active {
  filter: blur(0px);
  mask-position: 0 100%;
  -webkit-mask-position: 0 100%;
}
.common-projects .list .item .item_head {
  width: calc(375 * 100vw / 1700);
  padding-left: calc(35 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_head {
    width: 100%;
    padding-left: calc(16 * 100vw / 375);
    flex: 0 0 auto;
  }
}
.common-projects .list .item .item_head .number {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: calc(20 * 100vw / 1700);
  line-height: 0.9;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_head .number {
    font-size: calc(14 * 100vw / 375);
  }
}
.common-projects .list .item .item_head .item_title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_head .item_title {
    font-size: calc(64 * 100vw / 375);
  }
}
.common-projects .list .item .item_head .item_title {
  white-space: nowrap;
}
.common-projects .list .item .item_head .item_title .space {
  display: inline-block;
  width: calc(40 * 100vw / 1700);
}
.common-projects .list .item .item_head .sub {
  margin-top: calc(9 * 100vw / 1700);
  line-height: 0.9;
  font-size: calc(24 * 100vw / 1700);
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 200;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_head .sub {
    margin-top: calc(12 * 100vw / 375);
    font-size: calc(13 * 100vw / 375);
  }
}
.common-projects .list .item .item_bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: calc(95 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom {
    flex-direction: column;
    gap: calc(24 * 100vw / 375);
    width: 100%;
  }
}
.common-projects .list .item .item_bottom .item_img {
  width: calc(680 * 100vw / 1700);
  height: calc(680 * 100vw / 1700);
  max-height: 100%;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_img {
    width: 100%;
    height: initial;
    max-height: initial;
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 0;
  }
}
.common-projects .list .item .item_bottom .item_img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.common-projects .list .item .item_bottom .item_txt {
  width: calc(375 * 100vw / 1700);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: calc(56 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt {
    width: 100%;
    height: initial;
    gap: calc(24 * 100vw / 375);
    padding-left: calc(58 * 100vw / 375);
    mix-blend-mode: difference;
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
  }
}
.common-projects .list .item .item_bottom .item_txt .msg {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .msg {
    font-size: calc(13 * 100vw / 375);
  }
}
.common-projects .list .item .item_bottom .item_txt .link {
  text-align: left;
  transform: translate3d(calc(-32 * 100vw / 1700), 0, 0);
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .link {
    margin: 0 calc(-20 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375);
    overflow: hidden;
    transform: none;
    text-align: right;
  }
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.common-projects .list .item .item_bottom .item_txt .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.c-tabs_area {
  display: grid !important;
}
.c-tabs_area .c-tabs_panel {
  grid-area: 1/1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter: blur(10px);
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 1.2s;
}
.c-tabs_area .c-tabs_panel.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  filter: blur(0px);
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.12s, filter 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.12s, visibility 0s linear 0s;
}

.article.c-tabs_area > .c-tabs_panel.table_schedule {
  pointer-events: none;
  z-index: 0;
}
.article.c-tabs_area > .c-tabs_panel.table_schedule.is-active {
  pointer-events: auto;
  z-index: 1;
}

.l-contents {
  padding: 0 calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents {
    padding: 0 calc(20 * 100vw / 375);
  }
}
.l-contents .container {
  display: flex;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents .container {
    flex-direction: column;
    gap: calc(72 * 100vw / 375);
  }
}
.l-contents .container .cat {
  flex: 1;
  position: sticky;
  z-index: 2;
  top: calc(104 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents .container .cat {
    position: static;
    flex: initial;
    top: initial;
    width: 100%;
  }
}
.l-contents .container .cat .list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents .container .cat .list {
    gap: calc(4 * 100vw / 375);
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.l-contents .container .cat .list .item {
  display: inline-block;
}
.l-contents .container .cat .list .item .item_link {
  display: block;
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(17 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-contents .container .cat .list .item .item_link {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
@media (hover: hover) {
  .l-contents .container .cat .list .item .item_link:hover {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .l-contents .container .cat .list .item .item_link:hover:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
@media (hover: none) {
  .l-contents .container .cat .list .item .item_link:active {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .l-contents .container .cat .list .item .item_link:active:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
.l-contents .container .cat .list .item .item_link.is-active {
  background-color: var(--black-lv2);
  border: 1px solid var(--black-lv2);
  color: var(--white-lv1);
}
.l-contents .container .cat .list .item .item_link.is-active:before {
  transform-origin: left;
  transform: scaleX(1);
  opacity: 1;
  background-color: var(--white-lv1);
}
.l-contents .container .cat .list .item .item_link:before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 5%;
  background-color: var(--black-lv2);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1), background-color 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents .container .article {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: calc(120 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents .container .article {
    flex: initial;
    gap: calc(80 * 100vw / 375);
    width: 100%;
  }
}

.pagination-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .pagination-list {
    gap: calc(16 * 100vw / 375);
  }
}
.pagination-list .item.is-current span {
  opacity: 1;
}
.pagination-list .item span {
  font-size: calc(20 * 100vw / 1700);
  color: var(--black-lv1);
  opacity: 0.15;
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .pagination-list .item span {
    font-size: calc(20 * 100vw / 375);
  }
}
@media (hover: hover) {
  .pagination-list .item .item-link:hover span {
    opacity: 1;
  }
}
@media (hover: none) {
  .pagination-list .item .item-link:active span {
    opacity: 1;
  }
}
@media (hover: hover) {
  .pagination-list .item.item-next .item-link:hover {
    background-color: var(--black-lv1);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
  }
  .pagination-list .item.item-next .item-link:hover span.link_inner .icon.icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .pagination-list .item.item-next .item-link:hover span.link_inner .icon.icon2 {
    opacity: 0;
    transform: translate3d(110%, 0, 0);
  }
  .pagination-list .item.item-next .item-link:hover span.link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .pagination-list .item.item-next .item-link:active {
    background-color: var(--black-lv1);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
  }
  .pagination-list .item.item-next .item-link:active span.link_inner .icon.icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .pagination-list .item.item-next .item-link:active span.link_inner .icon.icon2 {
    opacity: 0;
    transform: translate3d(110%, 0, 0);
  }
  .pagination-list .item.item-next .item-link:active span.link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
.pagination-list .item.item-next .item-link span.link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translate3d(-110%, 0, 0);
}
@media (hover: hover) {
  .pagination-list .item.item-prev .item-link:hover {
    background-color: var(--black-lv1);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
  }
  .pagination-list .item.item-prev .item-link:hover span.link_inner .icon.icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .pagination-list .item.item-prev .item-link:hover span.link_inner .icon.icon2 {
    opacity: 0;
    transform: translate3d(-110%, 0, 0);
  }
  .pagination-list .item.item-prev .item-link:hover span.link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .pagination-list .item.item-prev .item-link:active {
    background-color: var(--black-lv1);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
  }
  .pagination-list .item.item-prev .item-link:active span.link_inner .icon.icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .pagination-list .item.item-prev .item-link:active span.link_inner .icon.icon2 {
    opacity: 0;
    transform: translate3d(-110%, 0, 0);
  }
  .pagination-list .item.item-prev .item-link:active span.link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
.pagination-list .item.item-prev .item-link span.link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translate3d(110%, 0, 0);
}
.pagination-list .item.item-next, .pagination-list .item.item-prev {
  transform: translate3d(0, calc(2 * 100vw / 1700), 0);
}
@media only screen and (max-width: 1024px) {
  .pagination-list .item.item-next, .pagination-list .item.item-prev {
    transform: translate3d(0, calc(-1 * 100vw / 375), 0);
  }
}
.pagination-list .item.item-next .item-link, .pagination-list .item.item-prev .item-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .pagination-list .item.item-next .item-link, .pagination-list .item.item-prev .item-link {
    width: calc(32 * 100vw / 375);
    height: calc(24 * 100vw / 375);
    border-radius: calc(8 * 100vw / 375);
  }
}
.pagination-list .item.item-next .item-link span, .pagination-list .item.item-prev .item-link span {
  opacity: 1;
}
.pagination-list .item.item-next .item-link span.link_inner, .pagination-list .item.item-prev .item-link span.link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .pagination-list .item.item-next .item-link span.link_inner, .pagination-list .item.item-prev .item-link span.link_inner {
    width: calc(16 * 100vw / 375);
  }
}
.pagination-list .item.item-next .item-link span.link_inner .icon, .pagination-list .item.item-prev .item-link span.link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.pagination-list .item.item-next .item-link span.link_inner .icon svg path, .pagination-list .item.item-prev .item-link span.link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.pagination-list .item.item-next .item-link span.link_inner .icon svg, .pagination-list .item.item-prev .item-link span.link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.common-schedule {
  padding-top: calc(300 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  gap: calc(120 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-schedule {
    padding-top: calc(160 * 100vw / 375);
    gap: calc(24 * 100vw / 375);
  }
}
.common-schedule .head {
  padding: 0 calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-schedule .head {
    padding: 0 calc(20 * 100vw / 375);
  }
}
.common-schedule .head .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-schedule .head .title {
    font-size: calc(64 * 100vw / 375);
  }
}

.table_schedule {
  display: flex;
  flex-direction: column;
  gap: calc(56 * 100vw / 1700) !important;
}
@media only screen and (max-width: 1024px) {
  .table_schedule {
    gap: calc(40 * 100vw / 375) !important;
  }
}
.table_schedule .schedule_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(16 * 100vw / 1700);
  padding: calc(20 * 100vw / 1700) calc(24 * 100vw / 1700);
  border-radius: calc(4 * 100vw / 1700);
  background-color: rgba(var(--white-lv1-rgb), 0.2);
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head {
    gap: initial;
    position: relative;
    border-radius: calc(8 * 100vw / 375);
    padding: calc(92 * 100vw / 375) calc(16 * 100vw / 375) calc(16 * 100vw / 375);
  }
}
.table_schedule .schedule_head .when {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(8 * 100vw / 1700);
  padding-top: calc(4 * 100vw / 1700);
  padding-left: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .when {
    padding: 0;
    gap: calc(4 * 100vw / 375);
    position: absolute;
    z-index: 1;
    top: calc(16 * 100vw / 375);
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
}
.table_schedule .schedule_head .when .year {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(17 * 100vw / 1700);
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .when .year {
    font-size: calc(16 * 100vw / 375);
  }
}
.table_schedule .schedule_head .when .month {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .when .month {
    gap: rmesp(3);
  }
}
.table_schedule .schedule_head .when .month .number {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(44 * 100vw / 1700);
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .when .month .number {
    font-size: calc(40 * 100vw / 375);
  }
}
.table_schedule .schedule_head .when .month .unit {
  font-family: var(--font-notosans);
  font-weight: 500;
  font-size: calc(26 * 100vw / 1700);
  line-height: 1;
  padding-bottom: calc(6 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .when .month .unit {
    font-size: calc(22 * 100vw / 375);
    padding-bottom: calc(5 * 100vw / 375);
  }
}
.table_schedule .schedule_head .month_btn {
  display: flex;
  align-items: center;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .month_btn {
    gap: calc(8 * 100vw / 375);
  }
}
@media (hover: hover) {
  .table_schedule .schedule_head .month_btn:hover .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .table_schedule .schedule_head .month_btn:hover .icon_wrap {
    background-color: var(--black-lv1);
  }
  .table_schedule .schedule_head .month_btn:hover .icon_wrap .link_inner.prev .icon1, .table_schedule .schedule_head .month_btn:hover .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .table_schedule .schedule_head .month_btn:hover .icon_wrap .link_inner.prev .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
  .table_schedule .schedule_head .month_btn:hover .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .table_schedule .schedule_head .month_btn:hover .icon_wrap .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .table_schedule .schedule_head .month_btn:active .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .table_schedule .schedule_head .month_btn:active .icon_wrap {
    background-color: var(--black-lv1);
  }
  .table_schedule .schedule_head .month_btn:active .icon_wrap .link_inner.prev .icon1, .table_schedule .schedule_head .month_btn:active .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .table_schedule .schedule_head .month_btn:active .icon_wrap .link_inner.prev .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
  .table_schedule .schedule_head .month_btn:active .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .table_schedule .schedule_head .month_btn:active .icon_wrap .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
.table_schedule .schedule_head .month_btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.table_schedule .schedule_head .month_btn .month_txt {
  font-size: calc(15 * 100vw / 1700);
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .month_btn .month_txt {
    font-size: calc(13 * 100vw / 375);
  }
}
.table_schedule .schedule_head .month_btn .month_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.table_schedule .schedule_head .month_btn .icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .month_btn .icon_wrap {
    width: calc(28 * 100vw / 375);
    height: calc(20 * 100vw / 375);
    border-radius: calc(4 * 100vw / 375);
  }
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .table_schedule .schedule_head .month_btn .icon_wrap .link_inner {
    width: calc(12 * 100vw / 375);
  }
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner.prev .icon1 {
  transform: translate3d(110%, 0, 0);
  opacity: 0;
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner.next .icon1 {
  transform: translate3d(-110%, 0, 0);
  opacity: 0;
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.table_schedule .schedule_head .month_btn .icon_wrap .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.c-table .table_inner {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner {
    display: flex;
    align-items: flex-start;
    gap: calc(12 * 100vw / 375);
  }
}
.c-table .table_inner .thead {
  display: flex;
  width: 100%;
  padding-bottom: calc(8 * 100vw / 1700);
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead {
    width: calc(46 * 100vw / 375);
    padding-top: calc(16 * 100vw / 375);
    padding-bottom: calc(24 * 100vw / 375);
    border-bottom: none;
    position: sticky;
    top: calc(80 * 100vw / 375);
  }
}
.c-table .table_inner .thead .tr {
  display: flex;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead .tr {
    flex-direction: column;
    gap: 0;
  }
}
.c-table .table_inner .thead .tr .th {
  font-family: var(--font-instrumentsans);
  font-size: calc(13 * 100vw / 1700);
  font-weight: 400;
  opacity: 0.5;
  letter-spacing: -0.02em;
  line-height: 1.7;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead .tr .th {
    font-size: calc(13 * 100vw / 375);
    opacity: 0.2;
  }
}
.c-table .table_inner .thead .tr .th:nth-child(1) {
  width: calc(98 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead .tr .th:nth-child(1) {
    width: 100%;
  }
}
.c-table .table_inner .thead .tr .th:nth-child(2) {
  width: calc(237 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead .tr .th:nth-child(2) {
    width: 100%;
  }
}
.c-table .table_inner .thead .tr .th:nth-child(3) {
  width: calc(375 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead .tr .th:nth-child(3) {
    flex: initial;
    width: 100%;
  }
}
.c-table .table_inner .thead .tr .th span {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .thead .tr .th span {
    display: inline-block;
  }
}
.c-table .table_inner .tbody {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .tbody {
    border-top: 1px solid rgba(var(--black-lv2-rgb), 0.15);
    flex: 1;
  }
}
.c-table .table_inner .tbody .tr {
  padding: calc(16 * 100vw / 1700) 0 calc(32 * 100vw / 1700);
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
  text-align: left;
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .tbody .tr {
    padding: calc(16 * 100vw / 375) 0 calc(24 * 100vw / 375);
    flex-direction: column;
    gap: 0;
  }
}
@media (hover: hover) {
  .c-table .table_inner .tbody .tr:hover .td {
    opacity: 0.5;
  }
}
@media (hover: none) {
  .c-table .table_inner .tbody .tr:active .td {
    opacity: 0.5;
  }
}
.c-table .table_inner .tbody .tr .td {
  font-family: var(--font-instrumentsans);
  font-size: calc(15 * 100vw / 1700);
  font-weight: 400;
  line-height: 1.7;
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .tbody .tr .td {
    font-size: calc(13 * 100vw / 375);
  }
}
.c-table .table_inner .tbody .tr .td:nth-child(1) {
  width: calc(98 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .tbody .tr .td:nth-child(1) {
    width: 100%;
  }
}
.c-table .table_inner .tbody .tr .td:nth-child(2) {
  width: calc(237 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .tbody .tr .td:nth-child(2) {
    width: 100%;
  }
}
.c-table .table_inner .tbody .tr .td:nth-child(3) {
  width: calc(375 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .c-table .table_inner .tbody .tr .td:nth-child(3) {
    width: 100%;
  }
}

.common-schedule.isles .title,
.common-schedule.isles .td,
.common-schedule.isles .th,
.common-schedule.isles .year,
.common-schedule.isles .number,
.common-schedule.isles .unit,
.common-schedule.isles .month_txt {
  color: var(--white-lv1) !important;
}
@media (hover: hover) {
  .common-schedule.isles .month_btn:hover .icon_wrap {
    background-color: var(--white-lv1) !important;
  }
  .common-schedule.isles .month_btn:hover .icon_wrap .link_inner .icon svg path {
    stroke: var(--black-lv1) !important;
  }
}
@media (hover: none) {
  .common-schedule.isles .month_btn:active .icon_wrap {
    background-color: var(--white-lv1) !important;
  }
  .common-schedule.isles .month_btn:active .icon_wrap .link_inner .icon svg path {
    stroke: var(--black-lv1) !important;
  }
}
.common-schedule.isles .month_btn .month_txt:before {
  background-color: var(--white-lv1);
}
.common-schedule.isles .month_btn .icon_wrap {
  border: 1px solid rgba(var(--white-lv1-rgb), 0.25);
}
.common-schedule.isles .month_btn .icon_wrap .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.common-schedule.isles .month_btn .icon_wrap .link_inner .icon svg path {
  stroke: var(--white-lv1);
}
.common-schedule.isles .schedule_head {
  background-color: rgba(var(--white-lv1-rgb), 0.1) !important;
}
.common-schedule.isles .item_link {
  border: 1px solid rgba(var(--white-lv1-rgb), 0.25) !important;
  color: var(--white-lv1) !important;
}
@media (hover: hover) {
  .common-schedule.isles .item_link:hover {
    background-color: var(--white-lv1) !important;
    border: 1px solid var(--white-lv1) !important;
    color: var(--black-lv1) !important;
  }
  .common-schedule.isles .item_link:hover:before {
    background-color: var(--black-lv1) !important;
  }
}
@media (hover: none) {
  .common-schedule.isles .item_link:active {
    background-color: var(--white-lv1) !important;
    border: 1px solid var(--white-lv1) !important;
    color: var(--black-lv1) !important;
  }
  .common-schedule.isles .item_link:active:before {
    background-color: var(--black-lv1) !important;
  }
}
.common-schedule.isles .item_link.is-active {
  background-color: var(--white-lv1) !important;
  border: 1px solid var(--white-lv1) !important;
  color: var(--black-lv1) !important;
}
.common-schedule.isles .item_link.is-active:before {
  background-color: var(--black-lv1) !important;
}
.common-schedule.isles .item_link:before {
  background-color: var(--white-lv1) !important;
}
@media only screen and (max-width: 1024px) {
  .common-schedule.isles .tbody {
    border-top: 1px solid rgba(var(--white-lv1-rgb), 0.2) !important;
  }
}
.common-schedule.isles .tbody .tr {
  border-bottom: 1px solid rgba(var(--white-lv1-rgb), 0.2) !important;
}
.common-schedule.isles .c-table .thead {
  border-bottom: 1px solid rgba(var(--white-lv1-rgb), 0.2) !important;
}
@media only screen and (max-width: 1024px) {
  .common-schedule.isles .c-table .thead {
    border-bottom: none !important;
  }
}

.common-video {
  padding: calc(277 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
  display: flex;
  flex-direction: column;
  gap: calc(72 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-video {
    padding: calc(174 * 100vw / 375) calc(20 * 100vw / 375) 0;
    gap: calc(36 * 100vw / 375);
  }
}
.common-video .head {
  display: flex;
  flex-direction: column;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-video .head {
    gap: calc(20 * 100vw / 375);
  }
}
.common-video .head .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-video .head .title {
    font-size: calc(64 * 100vw / 375);
  }
}
.common-video .head .tab {
  display: flex;
  align-items: flex-start;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-video .head .tab {
    gap: calc(8 * 100vw / 375);
  }
}
.common-video .head .tab .col .col_txt {
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  font-size: calc(24 * 100vw / 1700);
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .common-video .head .tab .col .col_txt {
    font-size: calc(16 * 100vw / 375);
  }
}
.common-video .head .tab .tab_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * 100vw / 1700) calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-video .head .tab .tab_list {
    gap: calc(6 * 100vw / 375) calc(4 * 100vw / 375);
  }
}
.common-video .head .tab .tab_list .tab_btn {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(17 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-video .head .tab .tab_list .tab_btn {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
@media (hover: hover) {
  .common-video .head .tab .tab_list .tab_btn:hover {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .common-video .head .tab .tab_list .tab_btn:hover:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
@media (hover: none) {
  .common-video .head .tab .tab_list .tab_btn:active {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .common-video .head .tab .tab_list .tab_btn:active:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
.common-video .head .tab .tab_list .tab_btn.is-active {
  background-color: var(--black-lv2);
  border: 1px solid var(--black-lv2);
  color: var(--white-lv1);
}
.common-video .head .tab .tab_list .tab_btn.is-active:before {
  transform-origin: left;
  transform: scaleX(1);
  opacity: 1;
  background-color: var(--white-lv1);
}
.common-video .head .tab .tab_list .tab_btn:before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 5%;
  background-color: var(--black-lv2);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1), background-color 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-video .contents {
  display: flex;
  flex-direction: column;
  gap: calc(96 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-video .contents {
    gap: calc(48 * 100vw / 375);
  }
}
.common-video .contents .tab_area .tab {
  display: flex;
  flex-direction: column;
}
.common-video .contents .tab_area .tab .item .item_link {
  display: flex;
  align-items: flex-end;
  justify-content: start;
  gap: calc(20 * 100vw / 1700);
  padding: calc(48 * 100vw / 1700) 0 calc(16 * 100vw / 1700);
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link {
    flex-wrap: wrap;
    padding: calc(20 * 100vw / 375) 0 0;
    gap: calc(16 * 100vw / 375);
  }
}
.common-video .contents .tab_area .tab .item .item_link .item_cat {
  font-size: calc(20 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .item_cat {
    font-size: calc(12 * 100vw / 375);
  }
}
.common-video .contents .tab_area .tab .item .item_link .item_cat {
  width: calc(237 * 100vw / 1700);
  text-align: left;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .item_cat {
    width: 100%;
  }
}
.common-video .contents .tab_area .tab .item .item_link .item_title {
  flex: 1;
  font-size: calc(80 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .item_title {
    font-size: calc(40 * 100vw / 375);
  }
}
.common-video .contents .tab_area .tab .item .item_link .item_title {
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .item_title {
    flex: initial;
    width: 100%;
    text-align: left;
  }
}
.common-video .contents .tab_area .tab .item .item_link .year {
  font-size: calc(20 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .year {
    font-size: calc(12 * 100vw / 375);
  }
}
.common-video .contents .tab_area .tab .item .item_link .year {
  width: calc(237 * 100vw / 1700);
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .year {
    position: absolute;
    z-index: 1;
    top: calc(20 * 100vw / 375);
    right: 0;
    width: initial;
  }
}
.common-video .contents .tab_area .tab .item .item_link .img {
  display: none;
  margin-top: calc(12 * 100vw / 375);
  overflow: hidden;
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  height: var(--thumb-h, 36px);
  will-change: height;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .tab_area .tab .item .item_link .img {
    display: block;
  }
}
.common-video .contents .tab_area .tab .item .item_link .img .img_mask {
  position: relative;
  width: calc(335 * 100vw / 375);
  height: 100%;
}
.common-video .contents .tab_area .tab .item .item_link .img .img_mask img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  width: 100%;
  height: 100%;
  display: block;
}
.common-video .contents .link {
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .link {
    text-align: right;
    margin: 0 calc(-20 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375);
    overflow: hidden;
  }
}
.common-video .contents .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .common-video .contents .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .common-video .contents .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .common-video .contents .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-video .contents .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .common-video .contents .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .common-video .contents .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .common-video .contents .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-video .contents .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .common-video .contents .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .common-video .contents .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .common-video .contents .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-video .contents .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .common-video .contents .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .common-video .contents .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .common-video .contents .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-video .contents .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.common-video .contents .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.common-video .contents .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.common-video .contents .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-video .contents .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .common-video .contents .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.common-video .contents .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.common-video .contents .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.common-video .contents .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.common-video.isles .title,
.common-video.isles .item_cat,
.common-video.isles .item_title,
.common-video.isles .year,
.common-video.isles .primary_txt {
  color: var(--white-lv1) !important;
}
.common-video.isles .item_link {
  border-bottom: 1px solid rgba(var(--white-lv1-rgb), 0.25) !important;
}
.common-video.isles path {
  stroke: var(--white-lv1) !important;
}
.common-video.isles .primary_txt:before {
  background-color: var(--white-lv1) !important;
}

.common-member {
  padding: calc(300 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
  display: flex;
  flex-direction: column;
  gap: calc(120 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-member {
    padding: calc(160 * 100vw / 375) calc(20 * 100vw / 375) 0;
    gap: calc(56 * 100vw / 375);
  }
}
.common-member .head .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .common-member .head .title {
    font-size: calc(64 * 100vw / 375);
  }
}
.common-member .head .title.isles {
  color: var(--white-lv1);
}
.common-member .contents {
  display: flex;
  align-items: stretch;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents {
    gap: initial;
    flex-wrap: wrap;
  }
}
.common-member .contents .image {
  flex: 4;
  top: calc(104 * 100vw / 1700);
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .image {
    flex: initial;
    position: sticky;
    top: calc(120 * 100vw / 375);
    z-index: 1;
    width: 100%;
    margin-bottom: calc(80 * 100vw / 375);
    display: block;
  }
}
.common-member .contents .image .image_inner {
  margin-right: auto;
  width: calc(375 * 100vw / 1700);
  height: calc(501 * 100vw / 1700);
  position: sticky;
  bottom: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .image .image_inner {
    width: calc(161 * 100vw / 375);
    height: calc(215 * 100vw / 375);
    margin-left: auto;
    margin-right: 0;
    bottom: initial;
    position: static;
  }
}
.common-member .contents .image .image_inner img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.common-member .contents .text {
  flex: 8;
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text {
    flex: initial;
    margin-top: calc(-280 * 100vw / 375);
    position: relative;
    z-index: 2;
  }
}
.common-member .contents .text .list {
  border-top: 1px solid rgba(var(--black-lv2-rgb), 0.25);
}
.common-member .contents .text .list.isles {
  border-top: 1px solid rgba(var(--white-lv1-rgb), 0.25);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list {
    border-top: none;
  }
}
.common-member .contents .text .list .item {
  padding: calc(32 * 100vw / 1700) 0;
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.25);
  display: flex;
  flex-direction: column;
  gap: calc(32 * 100vw / 1700);
  min-height: calc(204 * 100vw / 1700);
}
.common-member .contents .text .list .item.isles {
  border-bottom: 1px solid rgba(var(--white-lv1-rgb), 0.25);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item {
    padding: calc(120 * 100vw / 375) 0 calc(20 * 100vw / 375);
    gap: calc(40 * 100vw / 375);
    min-height: initial;
  }
}
.common-member .contents .text .list .item .item_head {
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .item_head {
    gap: calc(8 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .item_head .item_title {
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: calc(28 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .item_head .item_title {
    font-size: calc(22 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .item_head .item_title.isles {
  color: var(--white-lv1);
}
.common-member .contents .text .list .item .item_head .role {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  opacity: 0.4;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.6;
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .item_head .role {
    font-size: calc(13 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .item_head .role.isles {
  color: var(--white-lv1);
}
.common-member .contents .text .list .item .link {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link {
    gap: calc(8 * 100vw / 375);
    align-items: flex-start;
  }
}
.common-member .contents .text .list .item .link .url_btn.isles {
  display: flex;
  align-items: center;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.isles {
    gap: calc(8 * 100vw / 375);
  }
}
@media (hover: hover) {
  .common-member .contents .text .list .item .link .url_btn.isles:hover .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-member .contents .text .list .item .link .url_btn.isles:hover .icon_wrap {
    background-color: var(--white-lv1);
  }
  .common-member .contents .text .list .item .link .url_btn.isles:hover .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-member .contents .text .list .item .link .url_btn.isles:hover .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, -110%, 0);
    opacity: 0;
  }
  .common-member .contents .text .list .item .link .url_btn.isles:hover .icon_wrap .link_inner .icon svg path {
    stroke: var(--black-lv1);
  }
}
@media (hover: none) {
  .common-member .contents .text .list .item .link .url_btn.isles:active .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-member .contents .text .list .item .link .url_btn.isles:active .icon_wrap {
    background-color: var(--white-lv1);
  }
  .common-member .contents .text .list .item .link .url_btn.isles:active .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-member .contents .text .list .item .link .url_btn.isles:active .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, -110%, 0);
    opacity: 0;
  }
  .common-member .contents .text .list .item .link .url_btn.isles:active .icon_wrap .link_inner .icon svg path {
    stroke: var(--black-lv1);
  }
}
.common-member .contents .text .list .item .link .url_btn.isles .month_txt {
  font-size: calc(15 * 100vw / 1700);
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-block;
  position: relative;
  color: var(--white-lv1);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.isles .month_txt {
    font-size: calc(13 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .link .url_btn.isles .month_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--white-lv1);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--white-lv1-rgb), 0.25);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.isles .icon_wrap {
    width: calc(28 * 100vw / 375);
    height: calc(20 * 100vw / 375);
    border-radius: calc(4 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner {
    width: calc(12 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner.next .icon1 {
  transform: translate3d(-110%, 110%, 0);
  opacity: 0;
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-member .contents .text .list .item .link .url_btn.isles .icon_wrap .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.common-member .contents .text .list .item .link .url_btn.four_voices {
  display: flex;
  align-items: center;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.four_voices {
    gap: calc(8 * 100vw / 375);
  }
}
@media (hover: hover) {
  .common-member .contents .text .list .item .link .url_btn.four_voices:hover .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:hover .icon_wrap {
    background-color: var(--black-lv1);
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:hover .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:hover .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, -110%, 0);
    opacity: 0;
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:hover .icon_wrap .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .common-member .contents .text .list .item .link .url_btn.four_voices:active .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:active .icon_wrap {
    background-color: var(--black-lv1);
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:active .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:active .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, -110%, 0);
    opacity: 0;
  }
  .common-member .contents .text .list .item .link .url_btn.four_voices:active .icon_wrap .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
.common-member .contents .text .list .item .link .url_btn.four_voices .month_txt {
  font-size: calc(15 * 100vw / 1700);
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.four_voices .month_txt {
    font-size: calc(13 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .link .url_btn.four_voices .month_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv1);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--black-lv2-rgb), 0.25);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap {
    width: calc(28 * 100vw / 375);
    height: calc(20 * 100vw / 375);
    border-radius: calc(4 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner {
    width: calc(12 * 100vw / 375);
  }
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner.next .icon1 {
  transform: translate3d(-110%, 110%, 0);
  opacity: 0;
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
  stroke: var(--black-lv1);
}
.common-member .contents .text .list .item .link .url_btn.four_voices .icon_wrap .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.op_wrap {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.op_wrap .txt {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--white-lv1);
  font-size: calc(140 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .op_wrap .txt {
    font-size: calc(42 * 100vw / 375);
    line-height: 0.9;
    letter-spacing: -0.01em;
  }
}
.op_wrap .txt span {
  opacity: 0;
  filter: blur(20px);
  will-change: opacity, filter;
}
.op_wrap .txt span.space {
  display: inline-block;
  width: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .op_wrap .txt span.space {
    width: calc(8 * 100vw / 375);
  }
}

[data-barba=wrapper] {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.24, 1, 0.34, 1);
}

html.is-op-done [data-barba=wrapper] {
  opacity: 1;
}

html.is-op-done .op_wrap {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}

.home-fv {
  padding: calc(80 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
  position: relative;
  z-index: 1;
  mask-image: url(../image/common_mask_image_01.png);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100% 300%;
  -webkit-mask-image: url(../image/common_mask_image_01.png);
  -webkit-mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 300%;
}
@media only screen and (max-width: 1024px) {
  .home-fv {
    padding: calc(48 * 100vw / 375) calc(20 * 100vw / 375) 0;
  }
}
.home-fv .container .title {
  color: var(--white-lv1);
  font-size: calc(180 * 100vw / 1700);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-fv .container .title {
    font-size: calc(80 * 100vw / 375);
    line-height: 0.9;
    letter-spacing: -0.01em;
  }
}
.home-fv .container .kv {
  margin-top: calc(-81 * 100vw / 1700);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .home-fv .container .kv {
    margin-top: calc(-32 * 100vw / 375);
  }
}
.home-fv .container .kv img {
  width: 100%;
  height: auto;
}

.home-profile {
  padding: calc(240 * 100vw / 1700) 0 calc(149 * 100vw / 1700);
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: calc(474 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile {
    padding: calc(200 * 100vw / 375) 0 calc(187 * 100vw / 375);
    gap: calc(56 * 100vw / 375);
    align-items: center;
  }
}
.home-profile .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .title {
    gap: calc(24 * 100vw / 375);
  }
}
.home-profile .title .title_txt {
  text-align: center;
  font-size: calc(104 * 100vw / 1700);
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-profile .title .title_txt {
    font-size: calc(68 * 100vw / 375);
  }
}
.home-profile .title .role {
  text-align: center;
  font-family: var(--font-editorial);
  font-weight: 200;
  line-height: 1.5;
  font-size: calc(26 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .title .role {
    font-size: calc(17 * 100vw / 375);
  }
}
.home-profile .txt {
  width: calc(375 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  gap: calc(80 * 100vw / 1700);
  margin-right: calc(178 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt {
    width: calc(295 * 100vw / 375);
    gap: calc(40 * 100vw / 375);
    margin-right: 0;
  }
}
.home-profile .txt .txt_inner {
  display: flex;
  flex-direction: column;
  gap: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .txt_inner {
    gap: calc(16 * 100vw / 375);
  }
}
.home-profile .txt .txt_inner .name {
  line-height: 1;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  font-size: calc(26 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .txt_inner .name {
    text-align: center;
    font-size: calc(20 * 100vw / 375);
  }
}
.home-profile .txt .txt_inner .msg {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .txt_inner .msg {
    font-size: calc(13 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .txt_inner .msg {
    text-align: center;
  }
}
.home-profile .txt .link {
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .link {
    text-align: center;
  }
}
.home-profile .txt .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .home-profile .txt .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .home-profile .txt .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .home-profile .txt .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-profile .txt .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .home-profile .txt .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-profile .txt .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-profile .txt .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-profile .txt .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .home-profile .txt .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .home-profile .txt .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .home-profile .txt .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-profile .txt .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .home-profile .txt .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-profile .txt .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-profile .txt .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-profile .txt .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.home-profile .txt .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.home-profile .txt .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.home-profile .txt .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-profile .txt .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-profile .txt .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.home-profile .txt .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.home-profile .txt .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.home-profile .txt .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.home-schedule {
  position: relative;
  z-index: 3;
  padding: calc(200 * 100vw / 1700) 0 calc(160 * 100vw / 1700);
  margin: 0 calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-schedule {
    padding: calc(273 * 100vw / 375) calc(20 * 100vw / 375) calc(20 * 100vw / 375);
    margin: 0;
  }
}
.home-schedule .pin-spacer {
  pointer-events: none !important;
}
.home-schedule .img {
  position: absolute;
  z-index: 1;
  top: calc(-890 * 100vw / 1700);
  left: calc(697 * 100vw / 1700);
  width: calc(235 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-schedule .img {
    width: calc(128 * 100vw / 375);
    top: calc(-107 * 100vw / 375);
    left: calc(123 * 100vw / 375);
    overflow: hidden;
  }
}
.home-schedule .img img {
  backface-visibility: hidden;
  width: 100%;
  height: auto;
  transform: translate3d(calc(-4 * 100vw / 375), 0, 0);
}
.home-schedule .txt {
  width: calc(790 * 100vw / 1700);
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: calc(120 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt {
    width: 100%;
    gap: calc(48 * 100vw / 375);
  }
}
.home-schedule .txt .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt .title {
    font-size: calc(64 * 100vw / 375);
  }
}
.home-schedule .txt .bottom {
  display: flex;
  flex-direction: column;
  gap: calc(80 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt .bottom {
    gap: calc(64 * 100vw / 375);
  }
}
.home-schedule .txt .bottom .link {
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt .bottom .link {
    margin: 0 calc(-20 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375);
    overflow: hidden;
  }
}
.home-schedule .txt .bottom .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .home-schedule .txt .bottom .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .home-schedule .txt .bottom .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .home-schedule .txt .bottom .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-schedule .txt .bottom .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .home-schedule .txt .bottom .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-schedule .txt .bottom .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-schedule .txt .bottom .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-schedule .txt .bottom .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .home-schedule .txt .bottom .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .home-schedule .txt .bottom .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .home-schedule .txt .bottom .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-schedule .txt .bottom .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .home-schedule .txt .bottom .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-schedule .txt .bottom .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-schedule .txt .bottom .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-schedule .txt .bottom .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.home-schedule .txt .bottom .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt .bottom .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.home-schedule .txt .bottom .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt .bottom .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.home-schedule .txt .bottom .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-schedule .txt .bottom .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-schedule .txt .bottom .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.home-schedule .txt .bottom .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.home-schedule .txt .bottom .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.home-schedule .txt .bottom .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.home-news {
  padding: calc(300 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
  display: flex;
  flex-direction: column;
  gap: calc(120 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home-news {
    padding: calc(160 * 100vw / 375) calc(20 * 100vw / 375) 0;
    gap: calc(56 * 100vw / 375);
  }
}
.home-news .head {
  display: flex;
  flex-direction: column;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .head {
    gap: calc(20 * 100vw / 375);
  }
}
.home-news .head .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-news .head .title {
    font-size: calc(64 * 100vw / 375);
  }
}
.home-news .head .tab {
  display: flex;
  align-items: flex-start;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .head .tab {
    gap: calc(8 * 100vw / 375);
  }
}
.home-news .head .tab .col .col_txt {
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  font-size: calc(24 * 100vw / 1700);
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .home-news .head .tab .col .col_txt {
    font-size: calc(16 * 100vw / 375);
  }
}
.home-news .head .tab .tab_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * 100vw / 1700) calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .head .tab .tab_list {
    gap: calc(6 * 100vw / 375) calc(4 * 100vw / 375);
  }
}
.home-news .head .tab .tab_list .tab_btn {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(17 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home-news .head .tab .tab_list .tab_btn {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
@media (hover: hover) {
  .home-news .head .tab .tab_list .tab_btn:hover {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .home-news .head .tab .tab_list .tab_btn:hover:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
@media (hover: none) {
  .home-news .head .tab .tab_list .tab_btn:active {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .home-news .head .tab .tab_list .tab_btn:active:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
.home-news .head .tab .tab_list .tab_btn.is-active {
  background-color: var(--black-lv2);
  border: 1px solid var(--black-lv2);
  color: var(--white-lv1);
}
.home-news .head .tab .tab_list .tab_btn.is-active:before {
  transform-origin: left;
  transform: scaleX(1);
  opacity: 1;
  background-color: var(--white-lv1);
}
.home-news .head .tab .tab_list .tab_btn:before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 5%;
  background-color: var(--black-lv2);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1), background-color 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents {
    display: flex;
    flex-direction: column;
    gap: calc(48 * 100vw / 375);
  }
}
.home-news .contents .tab_area .tab {
  display: flex;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab {
    flex-direction: column;
    gap: calc(32 * 100vw / 375);
  }
}
.home-news .contents .tab_area .tab .item {
  transition: flex 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: flex;
  flex-direction: column;
  gap: calc(20 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item {
    gap: initial;
    will-change: transform;
    display: block;
    width: 100%;
  }
}
.home-news .contents .tab_area .tab .item.is-flex3 {
  flex: 3;
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item.is-flex3 {
    flex: initial;
  }
}
.home-news .contents .tab_area .tab .item.is-flex4 {
  flex: 4;
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item.is-flex4 {
    flex: initial;
  }
}
.home-news .contents .tab_area .tab .item.is-flex5 {
  flex: 5;
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item.is-flex5 {
    flex: initial;
  }
}
.home-news .contents .tab_area .tab .item.is-count-1, .home-news .contents .tab_area .tab .item.is-count-2 {
  width: 33%;
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item.is-count-1, .home-news .contents .tab_area .tab .item.is-count-2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .img {
    position: relative;
    overflow: hidden;
  }
  .home-news .contents .tab_area .tab .item .img:before {
    content: "";
    display: block;
    padding-top: 50%;
  }
  .home-news .contents .tab_area .tab .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.home-news .contents .tab_area .tab .item .img img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    height: 100%;
  }
}
.home-news .contents .tab_area .tab .item .txt {
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .txt {
    gap: calc(8 * 100vw / 375);
    margin-top: calc(16 * 100vw / 375);
  }
}
.home-news .contents .tab_area .tab .item .txt .info {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .txt .info {
    gap: calc(4 * 100vw / 375);
  }
}
.home-news .contents .tab_area .tab .item .txt .info .info_item {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(13 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .txt .info .info_item {
    font-size: calc(12 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
.home-news .contents .tab_area .tab .item .txt .item_title {
  font-size: calc(17 * 100vw / 1700);
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .txt .item_title {
    font-size: calc(15 * 100vw / 375);
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .tab_area .tab .item .txt .item_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.home-news .contents .link {
  position: absolute;
  z-index: 1;
  top: calc(453 * 100vw / 1700);
  right: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .link {
    margin: 0 calc(-20 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375);
    overflow: hidden;
    position: static;
    top: initial;
    right: initial;
    text-align: right;
  }
}
.home-news .contents .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .home-news .contents .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .home-news .contents .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .home-news .contents .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-news .contents .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .home-news .contents .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-news .contents .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-news .contents .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-news .contents .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .home-news .contents .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .home-news .contents .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .home-news .contents .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-news .contents .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .home-news .contents .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-news .contents .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-news .contents .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-news .contents .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.home-news .contents .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.home-news .contents .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.home-news .contents .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-news .contents .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-news .contents .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.home-news .contents .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.home-news .contents .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.home-news .contents .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.home-discography {
  padding: calc(320 * 100vw / 1700) calc(40 * 100vw / 1700) 0;
  display: flex;
  flex-direction: column;
  gap: calc(72 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home-discography {
    padding: calc(160 * 100vw / 375) calc(20 * 100vw / 375) 0;
    gap: calc(36 * 100vw / 375);
    overflow: hidden;
  }
}
.home-discography .head {
  display: flex;
  flex-direction: column;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .head {
    gap: calc(20 * 100vw / 375);
  }
}
.home-discography .head .title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-discography .head .title {
    font-size: calc(64 * 100vw / 375);
  }
}
.home-discography .head .tab {
  display: flex;
  align-items: flex-start;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .head .tab {
    gap: calc(8 * 100vw / 375);
  }
}
.home-discography .head .tab .col .col_txt {
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  font-size: calc(24 * 100vw / 1700);
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .home-discography .head .tab .col .col_txt {
    font-size: calc(16 * 100vw / 375);
  }
}
.home-discography .head .tab .tab_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * 100vw / 1700) calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .head .tab .tab_list {
    gap: calc(6 * 100vw / 375) calc(4 * 100vw / 375);
  }
}
.home-discography .head .tab .tab_list .tab_btn {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(17 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home-discography .head .tab .tab_list .tab_btn {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
@media (hover: hover) {
  .home-discography .head .tab .tab_list .tab_btn:hover {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .home-discography .head .tab .tab_list .tab_btn:hover:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
@media (hover: none) {
  .home-discography .head .tab .tab_list .tab_btn:active {
    background-color: var(--black-lv2);
    border: 1px solid var(--black-lv2);
    color: var(--white-lv1);
  }
  .home-discography .head .tab .tab_list .tab_btn:active:before {
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
    background-color: var(--white-lv1);
  }
}
.home-discography .head .tab .tab_list .tab_btn.is-active {
  background-color: var(--black-lv2);
  border: 1px solid var(--black-lv2);
  color: var(--white-lv1);
}
.home-discography .head .tab .tab_list .tab_btn.is-active:before {
  transform-origin: left;
  transform: scaleX(1);
  opacity: 1;
  background-color: var(--white-lv1);
}
.home-discography .head .tab .tab_list .tab_btn:before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 5%;
  background-color: var(--black-lv2);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1), background-color 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-discography .contents {
  display: flex;
  align-items: flex-start;
  gap: calc(40 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents {
    gap: calc(32 * 100vw / 375);
    flex-direction: column;
    align-items: stretch;
  }
}
.home-discography .contents .image {
  flex: 5;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .image {
    display: none;
  }
}
.home-discography .contents .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.home-discography .contents .discography-carousel {
  display: none;
  position: relative;
  margin: 0 calc(-20 * 100vw / 375);
  height: calc(277 * 100vw / 375);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .discography-carousel {
    display: block;
  }
}
.home-discography .contents .discography-carousel .discography-carousel_view {
  touch-action: pan-y;
}
.home-discography .contents .discography-carousel .discography-carousel_view .discography-carousel_track {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(29 * 100vw / 375);
  transform: translate3d(0, 0, 0);
  will-change: transform;
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-discography .contents .discography-carousel .discography-carousel_view .discography-carousel_track .discography-carousel_slide {
  width: calc(277 * 100vw / 375);
  min-width: calc(277 * 100vw / 375);
  transform: scale(0.69);
  transform-origin: left top;
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-discography .contents .discography-carousel .discography-carousel_view .discography-carousel_track .discography-carousel_slide.is-active {
  transform: scale(1);
}
.home-discography .contents .discography-carousel .discography-carousel_view .discography-carousel_track .discography-carousel_slide img {
  width: 100%;
  height: auto;
  display: block;
}
.home-discography .contents .discography-carousel .discography-carousel_next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(30 * 100vw / 375);
  height: calc(24 * 100vw / 375);
  border-radius: calc(8 * 100vw / 375);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  position: absolute;
  z-index: 2;
  left: calc(326 * 100vw / 375);
  bottom: 0;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .home-discography .contents .discography-carousel .discography-carousel_next:hover {
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
    background-color: var(--black-lv2);
  }
  .home-discography .contents .discography-carousel .discography-carousel_next:hover .link_inner .icon.icon1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .home-discography .contents .discography-carousel .discography-carousel_next:hover .link_inner .icon.icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .home-discography .contents .discography-carousel .discography-carousel_next:hover .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .home-discography .contents .discography-carousel .discography-carousel_next:active {
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
    background-color: var(--black-lv2);
  }
  .home-discography .contents .discography-carousel .discography-carousel_next:active .link_inner .icon.icon1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .home-discography .contents .discography-carousel .discography-carousel_next:active .link_inner .icon.icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .home-discography .contents .discography-carousel .discography-carousel_next:active .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
.home-discography .contents .discography-carousel .discography-carousel_next .link_inner {
  display: block;
  width: calc(14 * 100vw / 375);
  position: relative;
}
.home-discography .contents .discography-carousel .discography-carousel_next .link_inner .icon {
  display: block;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-discography .contents .discography-carousel .discography-carousel_next .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(-110%, 0, 0);
  opacity: 0;
}
.home-discography .contents .discography-carousel .discography-carousel_next .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.home-discography .contents .discography-carousel .discography-carousel_next .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-discography .contents .tab_area {
  flex: 7;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area {
    flex: initial;
  }
}
.home-discography .contents .tab_area .tab .item.is-active .item_link .left,
.home-discography .contents .tab_area .tab .item.is-active .item_link .item_title {
  opacity: 1;
}
.home-discography .contents .tab_area .tab .item:first-of-type .item_link {
  padding-top: 0;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .tab .item:first-of-type .item_link {
    padding-top: 0;
  }
}
.home-discography .contents .tab_area .tab .item .item_link {
  display: flex;
  align-items: flex-end;
  justify-content: start;
  gap: calc(40 * 100vw / 1700);
  padding: calc(28 * 100vw / 1700) 0 calc(16 * 100vw / 1700);
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .tab .item .item_link {
    flex-wrap: wrap;
    padding: calc(16 * 100vw / 375) 0 calc(12 * 100vw / 375);
    gap: calc(20 * 100vw / 375);
  }
}
.home-discography .contents .tab_area .tab .item .item_link .left {
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
  width: calc(236 * 100vw / 1700);
  opacity: 0.3;
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .tab .item .item_link .left {
    gap: rmsp(8);
    width: 100%;
  }
}
.home-discography .contents .tab_area .tab .item .item_link .left .number {
  font-size: calc(12 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .tab .item .item_link .left .number {
    font-size: calc(10 * 100vw / 375);
  }
}
.home-discography .contents .tab_area .tab .item .item_link .left .cat_name {
  font-size: calc(20 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .tab .item .item_link .left .cat_name {
    font-size: calc(14 * 100vw / 375);
  }
}
.home-discography .contents .tab_area .tab .item .item_link .item_title {
  flex: 1;
  text-align: right;
  font-size: calc(40 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
  opacity: 0.3;
  transition: all 0.6s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .tab .item .item_link .item_title {
    font-size: calc(30 * 100vw / 375);
    text-align: left;
  }
}
.home-discography .contents .tab_area .link {
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .link {
    margin: 0 calc(-20 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375);
    overflow: hidden;
  }
}
.home-discography .contents .tab_area .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .home-discography .contents .tab_area .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .home-discography .contents .tab_area .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .home-discography .contents .tab_area .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-discography .contents .tab_area .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .home-discography .contents .tab_area .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-discography .contents .tab_area .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-discography .contents .tab_area .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-discography .contents .tab_area .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .home-discography .contents .tab_area .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .home-discography .contents .tab_area .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .home-discography .contents .tab_area .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-discography .contents .tab_area .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .home-discography .contents .tab_area .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-discography .contents .tab_area .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-discography .contents .tab_area .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-discography .contents .tab_area .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.home-discography .contents .tab_area .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.home-discography .contents .tab_area .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.home-discography .contents .tab_area .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-discography .contents .tab_area .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .tab_area .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.home-discography .contents .tab_area .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.home-discography .contents .tab_area .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.home-discography .contents .tab_area .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.home-discography .contents .link {
  text-align: center;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .link {
    text-align: right;
    overflow: hidden;
    position: relative;
    margin: 0 calc(-20 * 100vw / 375);
    padding: 0 calc(20 * 100vw / 375);
  }
}
.home-discography .contents .link .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media (hover: hover) {
  .home-discography .contents .link .primary_btn:hover {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .home-discography .contents .link .primary_btn:hover {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .home-discography .contents .link .primary_btn:hover .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-discography .contents .link .primary_btn:hover .inner .icon {
    will-change: transform;
  }
  .home-discography .contents .link .primary_btn:hover .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-discography .contents .link .primary_btn:hover .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-discography .contents .link .primary_btn:hover .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-discography .contents .link .primary_btn:hover .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (hover: none) {
  .home-discography .contents .link .primary_btn:active {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .home-discography .contents .link .primary_btn:active {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .home-discography .contents .link .primary_btn:active .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .home-discography .contents .link .primary_btn:active .inner .icon {
    will-change: transform;
  }
  .home-discography .contents .link .primary_btn:active .inner .icon.icon_01 {
    opacity: 1;
  }
  .home-discography .contents .link .primary_btn:active .inner .icon.icon_02 {
    opacity: 0;
  }
  .home-discography .contents .link .primary_btn:active .inner .icon.icon_03 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .home-discography .contents .link .primary_btn:active .inner .icon.icon_04 {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.home-discography .contents .link .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .link .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.home-discography .contents .link .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .link .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.home-discography .contents .link .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.home-discography .contents .link .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .home-discography .contents .link .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.home-discography .contents .link .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.home-discography .contents .link .primary_btn .inner .icon.icon_03 {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.home-discography .contents .link .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.gray_bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: var(--gray-lv1);
  pointer-events: none;
  opacity: 0;
}

:root {
  --profile-about-square: 520px;
}

.l-about {
  padding: calc(1358 * 100vw / 1700) calc(40 * 100vw / 1700) calc(420 * 100vw / 1700);
  margin-bottom: calc(220 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-about {
    padding: calc(840 * 100vw / 375) calc(20 * 100vw / 375) 0;
    margin-bottom: 0;
  }
}
.l-about .img_wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .l-about .img_wrap {
    height: 59%;
  }
}
.l-about .img_wrap .img {
  position: sticky;
  z-index: 2;
  top: calc(120 * 100vw / 1700);
  left: 0;
  width: 100%;
  height: calc(970 * 100vw / 1700);
  filter: grayscale(1);
  will-change: transform, width, height, filter;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .l-about .img_wrap .img {
    height: calc(511 * 100vw / 375);
    top: calc(120 * 100vw / 375);
  }
}
.l-about .img_wrap .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
  width: 100%;
  height: 100%;
}
.l-about .container {
  display: flex;
  flex-direction: column;
  gap: calc(30 * 100vw / 1700);
  position: relative;
  z-index: 3;
  width: calc(652 * 100vw / 1700);
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .l-about .container {
    gap: calc(40 * 100vw / 375);
    width: 100%;
    z-index: 3;
    mix-blend-mode: plus-lighter;
  }
}
.l-about .container .head {
  display: flex;
  flex-direction: column;
  gap: calc(30 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-about .container .head {
    gap: calc(20 * 100vw / 375);
  }
}
.l-about .container .head .head_inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-about .container .head .head_inner {
    gap: calc(8 * 100vw / 375);
  }
}
.l-about .container .head .head_inner .title {
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  line-height: 1;
  font-size: calc(36 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-about .container .head .head_inner .title {
    font-size: calc(32 * 100vw / 375);
  }
}
.l-about .container .head .head_inner .en {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  line-height: 1;
  font-size: calc(17 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-about .container .head .head_inner .en {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-about .container .head .biography {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-about .container .head .biography {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-about .container .text {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-about .container .text {
    font-size: calc(13 * 100vw / 375);
  }
}

@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list {
    display: flex;
    flex-direction: column;
    gap: calc(48 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item:first-of-type .item_link {
  border-top: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item:first-of-type .item_link {
    border-top: none;
  }
}
.l-contents.news .container .article .list .item .item_link {
  display: flex;
  align-items: stretch;
  gap: calc(40 * 100vw / 1700);
  padding: calc(40 * 100vw / 1700) 0;
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link {
    gap: calc(20 * 100vw / 375);
    flex-direction: column;
    padding: 0;
    border-bottom: none;
  }
}
.l-contents.news .container .article .list .item .item_link:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-lv1);
  opacity: 0;
  filter: blur(40px);
  mask-image: url(../image/common_mask_image_03.png);
  mask-position: 100% 0;
  mask-repeat: no-repeat;
  mask-size: 300% 100%;
  -webkit-mask-image: url(../image/common_mask_image_03.png);
  -webkit-mask-position: 100% 0;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 300% 100%;
  transition: opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1), filter 1.2s cubic-bezier(0.24, 1, 0.34, 1), mask-position 1.2s cubic-bezier(0.24, 1, 0.34, 1) 1.2s, -webkit-mask-position 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link:before {
    display: none;
  }
}
@media (hover: hover) {
  .l-contents.news .container .article .list .item .item_link:hover:before {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    opacity: 0.27;
    filter: blur(0px);
    transition: opacity 1.8s cubic-bezier(0.24, 1, 0.34, 1), filter 1.8s cubic-bezier(0.24, 1, 0.34, 1), mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1), -webkit-mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1);
  }
  .l-contents.news .container .article .list .item .item_link:hover .txt .bottom .primary_btn {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link:hover .txt .bottom .primary_btn {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .l-contents.news .container .article .list .item .item_link:hover .txt .bottom .primary_btn .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .l-contents.news .container .article .list .item .item_link:hover .txt .bottom .primary_btn .inner .icon {
    will-change: transform;
  }
  .l-contents.news .container .article .list .item .item_link:hover .txt .bottom .primary_btn .inner .icon.icon_01 {
    opacity: 1;
  }
  .l-contents.news .container .article .list .item .item_link:hover .txt .bottom .primary_btn .inner .icon.icon_02 {
    opacity: 0;
  }
}
@media (hover: none) {
  .l-contents.news .container .article .list .item .item_link:active:before {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    opacity: 0.27;
    filter: blur(0px);
    transition: opacity 1.8s cubic-bezier(0.24, 1, 0.34, 1), filter 1.8s cubic-bezier(0.24, 1, 0.34, 1), mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1), -webkit-mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1);
  }
  .l-contents.news .container .article .list .item .item_link:active .txt .bottom .primary_btn {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link:active .txt .bottom .primary_btn {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .l-contents.news .container .article .list .item .item_link:active .txt .bottom .primary_btn .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .l-contents.news .container .article .list .item .item_link:active .txt .bottom .primary_btn .inner .icon {
    will-change: transform;
  }
  .l-contents.news .container .article .list .item .item_link:active .txt .bottom .primary_btn .inner .icon.icon_01 {
    opacity: 1;
  }
  .l-contents.news .container .article .list .item .item_link:active .txt .bottom .primary_btn .inner .icon.icon_02 {
    opacity: 0;
  }
}
.l-contents.news .container .article .list .item .item_link .img {
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .img {
    flex: initial;
  }
}
.l-contents.news .container .article .list .item .item_link .img img {
  width: 100%;
  height: auto;
}
.l-contents.news .container .article .list .item .item_link .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt {
    flex: initial;
    justify-content: flex-start;
  }
}
.l-contents.news .container .article .list .item .item_link .txt .top {
  display: flex;
  flex-direction: column;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .top {
    gap: calc(8 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .top .info {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .top .info {
    gap: calc(4 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .top .info .info_item {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .top .info .info_item {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .top .item_title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 1.7;
  font-size: calc(24 * 100vw / 1700);
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .top .item_title {
    font-size: calc(15 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .bottom {
  text-align: left;
  transform: translate3d(calc(-32 * 100vw / 1700), 0, 0);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .bottom {
    display: none;
  }
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .icon.icon_01 {
  opacity: 0;
}
.l-contents.news .container .article .list .item .item_link .txt .bottom .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list {
    display: flex;
    flex-direction: column;
    gap: calc(48 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item:first-of-type .item_link {
  border-top: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item:first-of-type .item_link {
    border-top: none;
  }
}
.l-contents.discography .container .article .list .item .item_link {
  display: flex;
  align-items: stretch;
  gap: calc(40 * 100vw / 1700);
  padding: calc(40 * 100vw / 1700) 0;
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link {
    gap: calc(20 * 100vw / 375);
    flex-direction: column;
    padding: 0;
    border-bottom: none;
  }
}
.l-contents.discography .container .article .list .item .item_link.is-disabled {
  pointer-events: none;
}
.l-contents.discography .container .article .list .item .item_link:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-lv1);
  opacity: 0;
  filter: blur(40px);
  mask-image: url(../image/common_mask_image_03.png);
  mask-position: 100% 0;
  mask-repeat: no-repeat;
  mask-size: 300% 100%;
  -webkit-mask-image: url(../image/common_mask_image_03.png);
  -webkit-mask-position: 100% 0;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 300% 100%;
  transition: opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1), filter 1.2s cubic-bezier(0.24, 1, 0.34, 1), mask-position 1.2s cubic-bezier(0.24, 1, 0.34, 1) 1.2s, -webkit-mask-position 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link:before {
    display: none;
  }
}
@media (hover: hover) {
  .l-contents.discography .container .article .list .item .item_link:hover:before {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    opacity: 0.27;
    filter: blur(0px);
    transition: opacity 1.8s cubic-bezier(0.24, 1, 0.34, 1), filter 1.8s cubic-bezier(0.24, 1, 0.34, 1), mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1), -webkit-mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1);
  }
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: hover) {
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn .inner .icon {
    will-change: transform;
  }
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(0, calc(-16 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: hover) and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link:hover .txt .bottom .link_wrap .primary_btn .inner .icon.icon_02 {
    transform: translate3d(0, calc(-14 * 100vw / 375), 0);
  }
}
@media (hover: none) {
  .l-contents.discography .container .article .list .item .item_link:active:before {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    opacity: 0.27;
    filter: blur(0px);
    transition: opacity 1.8s cubic-bezier(0.24, 1, 0.34, 1), filter 1.8s cubic-bezier(0.24, 1, 0.34, 1), mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1), -webkit-mask-position 1.8s cubic-bezier(0.24, 1, 0.34, 1);
  }
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn {
    transform: translate3d(calc(32 * 100vw / 1700), 0, 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn {
    transform: translate3d(calc(28 * 100vw / 375), 0, 0);
  }
}
@media (hover: none) {
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn .inner .primary_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn .inner .icon {
    will-change: transform;
  }
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn .inner .icon.icon_01 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn .inner .icon.icon_02 {
    opacity: 0;
    transform: translate3d(0, calc(-16 * 100vw / 1700), 0);
  }
}
@media only screen and (hover: none) and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link:active .txt .bottom .link_wrap .primary_btn .inner .icon.icon_02 {
    transform: translate3d(0, calc(-14 * 100vw / 375), 0);
  }
}
.l-contents.discography .container .article .list .item .item_link .img {
  flex: 1;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .img {
    flex: initial;
  }
}
.l-contents.discography .container .article .list .item .item_link .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.l-contents.discography .container .article .list .item .item_link .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt {
    flex: initial;
    justify-content: flex-start;
    gap: calc(28 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .top {
  display: flex;
  flex-direction: column;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .top {
    gap: calc(16 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .top .info {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .top .info {
    gap: calc(4 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .top .info .info_item {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .top .info .info_item {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .top .item_title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-editorial);
  font-weight: 200;
  line-height: 1.2;
  font-size: calc(48 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .top .item_title {
    font-size: calc(40 * 100vw / 375);
    line-height: 1;
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom {
  display: flex;
  flex-direction: column;
  gap: calc(48 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom {
    gap: calc(28 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .desc {
  display: flex;
  flex-direction: column;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .desc {
    gap: calc(8 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .desc .music {
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 1.8;
  font-size: calc(14 * 100vw / 1700);
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .desc .music {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .desc .personnel {
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 1.6;
  font-size: calc(14 * 100vw / 1700);
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .desc .personnel {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap {
  text-align: left;
  transform: translate3d(calc(-32 * 100vw / 1700), 0, 0);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap {
    transform: translate3d(0, 0, 0);
    text-align: right;
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn {
  display: inline-block;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner {
  display: flex;
  align-items: center;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner {
    gap: calc(12 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .primary_txt {
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  display: inline-block;
  position: relative;
  font-family: var(--font-editorial);
  font-weight: 200;
  font-size: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .primary_txt {
    font-size: calc(20 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .primary_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .icon {
  width: calc(20 * 100vw / 1700);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .icon {
    width: calc(16 * 100vw / 375);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .icon.icon_01 {
  opacity: 0;
  transform: translate3d(0, calc(16 * 100vw / 1700), 0);
}
@media only screen and (max-width: 1024px) {
  .l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .icon.icon_01 {
    transform: translate3d(0, calc(14 * 100vw / 375), 0);
  }
}
.l-contents.discography .container .article .list .item .item_link .txt .bottom .link_wrap .primary_btn .inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.l-contents.works .container .cat .cat_txt {
  width: calc(375 * 100vw / 1700);
  margin-right: auto;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .cat .cat_txt {
    font-size: calc(13 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .cat .cat_txt {
    width: 100%;
  }
}
.l-contents.works .container .article {
  min-width: 0;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article {
    min-width: initial;
    max-width: 100%;
  }
}
.l-contents.works .container .article .list {
  display: flex;
  flex-direction: column;
  gap: calc(72 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list {
    gap: calc(48 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item {
  display: flex;
  flex-direction: column;
  gap: calc(23 * 100vw / 1700);
  padding-bottom: calc(20 * 100vw / 1700);
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item {
    gap: calc(20 * 100vw / 375);
    padding-bottom: calc(16 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .top .img {
  margin-right: calc(-40 * 100vw / 1700);
  overflow: hidden;
  position: relative;
  min-width: 0;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .top .img {
    margin: 0 calc(-20 * 100vw / 375);
    padding-left: calc(20 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .top .img .carousel_track {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  height: calc(513 * 100vw / 1700);
  gap: calc(2 * 100vw / 1700);
  touch-action: pan-y;
  will-change: transform;
  transition: transform 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .top .img .carousel_track {
    height: calc(277 * 100vw / 375);
    gap: calc(2 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .top .img .carousel_track img {
  width: auto;
  height: 100%;
  flex: 0 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.l-contents.works .container .article .list .item .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom {
    align-items: flex-end;
  }
}
.l-contents.works .container .article .list .item .bottom .info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom .info {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.l-contents.works .container .article .list .item .bottom .info .date {
  font-size: calc(15 * 100vw / 1700);
  letter-spacing: -0.02em;
  line-height: 1.7;
  font-family: var(--font-inter);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom .info .date {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .bottom .info .item_title {
  font-size: calc(15 * 100vw / 1700);
  letter-spacing: -0.02em;
  line-height: 1.7;
  font-family: var(--font-inter);
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom .info .item_title {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap {
  display: flex;
  gap: calc(12 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap {
    gap: calc(8 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn {
    width: calc(28 * 100vw / 375);
    height: calc(20 * 100vw / 375);
    border-radius: calc(4 * 100vw / 375);
  }
}
@media (hover: hover) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn:hover {
    background-color: var(--black-lv1);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
  }
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn:hover .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn:active {
    background-color: var(--black-lv1);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
  }
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn:active .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: hover) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.next_btn:hover .link_inner .icon1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.next_btn:hover .link_inner .icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
}
@media (hover: none) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.next_btn:active .link_inner .icon1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.next_btn:active .link_inner .icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
}
@media (hover: hover) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.prev_btn:hover .link_inner .icon1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.prev_btn:hover .link_inner .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
}
@media (hover: none) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.prev_btn:active .link_inner .icon1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn.prev_btn:active .link_inner .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner {
    width: calc(12 * 100vw / 375);
  }
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner.prev .icon1 {
  transform: translate3d(110%, 0, 0);
  opacity: 0;
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner.next .icon1 {
  transform: translate3d(-110%, 0, 0);
  opacity: 0;
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-contents.works .container .article .list .item .bottom .carousel_btn_wrap .carousel_btn .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.l-single {
  padding-top: calc(200 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single {
    padding: calc(120 * 100vw / 375) calc(20 * 100vw / 375) 0;
  }
}
.l-single .container {
  max-width: calc(790 * 100vw / 1700);
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .l-single .container {
    max-width: 100%;
  }
}
.l-single .container .head {
  padding-bottom: calc(40 * 100vw / 1700);
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  display: flex;
  flex-direction: column;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .head {
    padding-bottom: calc(28 * 100vw / 375);
    gap: calc(16 * 100vw / 375);
  }
}
.l-single .container .head .info {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .head .info {
    gap: calc(4 * 100vw / 375);
  }
}
.l-single .container .head .info .info_item {
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1;
  padding: calc(4 * 100vw / 1700) calc(8 * 100vw / 1700);
  border-radius: calc(40 * 100vw / 1700);
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .head .info .info_item {
    font-size: calc(13 * 100vw / 375);
    padding: calc(4 * 100vw / 375) calc(8 * 100vw / 375);
    border-radius: calc(40 * 100vw / 375);
  }
}
@media (hover: hover) {
  .l-single .container .head .info .info_item.cat_link:hover {
    background-color: var(--black-lv2);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
    color: var(--white-lv1);
  }
}
@media (hover: none) {
  .l-single .container .head .info .info_item.cat_link:active {
    background-color: var(--black-lv2);
    border: 1px solid rgba(var(--black-lv2-rgb), 1);
    color: var(--white-lv1);
  }
}
.l-single .container .head .title {
  font-size: calc(24 * 100vw / 1700);
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .head .title {
    font-size: calc(18 * 100vw / 375);
  }
}
.l-single .container .contents {
  margin-top: calc(40 * 100vw / 1700);
}
.l-single .container .contents h1,
.l-single .container .contents h2 {
  margin: calc(12 * 100vw / 1700) 0;
  font-size: calc(20 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents h1,
  .l-single .container .contents h2 {
    font-size: calc(20 * 100vw / 375);
    margin: calc(8 * 100vw / 375) 0;
  }
}
.l-single .container .contents h3,
.l-single .container .contents h4,
.l-single .container .contents h5,
.l-single .container .contents h6 {
  margin: calc(12 * 100vw / 1700) 0;
  font-size: calc(18 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents h3,
  .l-single .container .contents h4,
  .l-single .container .contents h5,
  .l-single .container .contents h6 {
    font-size: calc(18 * 100vw / 375);
    margin: calc(8 * 100vw / 375) 0;
  }
}
.l-single .container .contents p {
  margin: calc(12 * 100vw / 1700) 0;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents p {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents p {
  font-family: text;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents p {
    margin: calc(8 * 100vw / 375) 0;
  }
}
.l-single .container .contents ul {
  margin: calc(12 * 100vw / 1700) 0;
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ul {
    margin: calc(8 * 100vw / 375) 0;
    gap: calc(8 * 100vw / 375);
  }
}
.l-single .container .contents ul li {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ul li {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ul li {
    gap: calc(4 * 100vw / 375);
  }
}
.l-single .container .contents ul li:before {
  content: "⚫︎";
  display: block;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ul li:before {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents ol {
  list-style-type: none;
  counter-reset: item;
  margin: calc(12 * 100vw / 1700) 0;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ol {
    margin: calc(8 * 100vw / 375) 0;
  }
}
.l-single .container .contents ol li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  counter-increment: item;
  gap: calc(4 * 100vw / 1700);
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ol li {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents ol li:before {
  content: "(" counter(item) ")";
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ol li:before {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents ol li:before {
  color: var(--black-lv2);
  width: calc(24 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents ol li:before {
    width: calc(28 * 100vw / 375);
  }
}
.l-single .container .contents a {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents a {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents a {
  position: relative;
}
@media (hover: hover) {
  .l-single .container .contents a:hover:before {
    transform-origin: right;
    transform: scaleX(0);
  }
}
@media (hover: none) {
  .l-single .container .contents a:active:before {
    transform-origin: right;
    transform: scaleX(0);
  }
}
.l-single .container .contents a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-single .container .contents figure {
  margin: calc(12 * 100vw / 1700) 0;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents figure {
    margin: calc(8 * 100vw / 375) 0;
  }
}
.l-single .container .contents img {
  max-width: 100%;
}
.l-single .container .contents img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.l-single .container .contents video {
  width: 100%;
  max-width: 100%;
  height: initial;
  margin: calc(12 * 100vw / 1700) 0;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents video {
    margin: calc(8 * 100vw / 375) 0;
  }
}
.l-single .container .contents blockquote {
  background-color: rgba(var(--white-lv1-rgb), 0.2);
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents blockquote {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .contents blockquote {
  padding: calc(24 * 100vw / 1700) calc(32 * 100vw / 1700);
  margin: calc(12 * 100vw / 1700) 0;
  border-radius: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents blockquote {
    padding: calc(24 * 100vw / 375);
    margin: calc(10 * 100vw / 375) 0;
    border-radius: calc(8 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .l-single .container .contents {
    margin-top: calc(28 * 100vw / 375);
  }
}
.l-single .container .back {
  margin-top: calc(200 * 100vw / 1700);
  display: flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .back {
    margin-top: calc(160 * 100vw / 375);
  }
}
.l-single .container .back .back_btn {
  display: flex;
  align-items: center;
  gap: calc(16 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .back .back_btn {
    gap: calc(8 * 100vw / 375);
  }
}
@media (hover: hover) {
  .l-single .container .back .back_btn:hover .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .l-single .container .back .back_btn:hover .icon_wrap {
    background-color: var(--black-lv1);
  }
  .l-single .container .back .back_btn:hover .icon_wrap .link_inner.prev .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .l-single .container .back .back_btn:hover .icon_wrap .link_inner.prev .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
  .l-single .container .back .back_btn:hover .icon_wrap .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
@media (hover: none) {
  .l-single .container .back .back_btn:active .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .l-single .container .back .back_btn:active .icon_wrap {
    background-color: var(--black-lv1);
  }
  .l-single .container .back .back_btn:active .icon_wrap .link_inner.prev .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .l-single .container .back .back_btn:active .icon_wrap .link_inner.prev .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
  .l-single .container .back .back_btn:active .icon_wrap .link_inner .icon svg path {
    stroke: var(--white-lv1);
  }
}
.l-single .container .back .back_btn .month_txt {
  font-size: calc(15 * 100vw / 1700);
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .back .back_btn .month_txt {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-single .container .back .back_btn .month_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--black-lv2);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-single .container .back .back_btn .icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-single .container .back .back_btn .icon_wrap {
    width: calc(28 * 100vw / 375);
    height: calc(20 * 100vw / 375);
    border-radius: calc(4 * 100vw / 375);
  }
}
.l-single .container .back .back_btn .icon_wrap .link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .l-single .container .back .back_btn .icon_wrap .link_inner {
    width: calc(12 * 100vw / 375);
  }
}
.l-single .container .back .back_btn .icon_wrap .link_inner.prev .icon1 {
  transform: translate3d(110%, 0, 0);
  opacity: 0;
}
.l-single .container .back .back_btn .icon_wrap .link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-single .container .back .back_btn .icon_wrap .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.l-single .container .back .back_btn .icon_wrap .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.l-single .container .back .back_btn .icon_wrap .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.l-form {
  padding: 0 calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-form {
    padding: 0 calc(20 * 100vw / 375);
    overflow: hidden;
  }
}
.l-form .container {
  display: flex;
  align-items: stretch;
  gap: calc(179 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-form .container {
    gap: calc(72 * 100vw / 375);
    flex-direction: column;
  }
}
.l-form .container .left {
  flex: 4;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .left {
    flex: initial;
    width: 100%;
    display: block;
  }
}
.l-form .container .left .left_inner {
  position: sticky;
  top: calc(104 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  gap: calc(28 * 100vw / 1700);
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .left .left_inner {
    gap: calc(16 * 100vw / 375);
    position: static;
    top: initial;
  }
}
.l-form .container .left .left_inner .msg {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .left .left_inner .msg {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .left .left_inner .msg span {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .left .left_inner .msg span {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .left .left_inner .require {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(4 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .left .left_inner .require {
    gap: calc(4 * 100vw / 375);
  }
}
.l-form .container .left .left_inner .require span {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .left .left_inner .require span {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .right {
  flex: 7;
  margin-right: calc(-40 * 100vw / 1700);
  padding-right: calc(40 * 100vw / 1700);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right {
    flex: initial;
    width: 100%;
    display: block;
    margin-right: 0;
    padding-right: 0;
    overflow: visible;
  }
}
.l-form .container .right .smf-focus-point {
  display: none;
}
.l-form .container .right .snow-monkey-form {
  display: flex;
  flex-direction: column;
  gap: calc(80 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form {
    gap: calc(48 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form[data-screen=confirm] .smf-placeholder {
  padding: calc(12 * 100vw / 1700) 0;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form[data-screen=confirm] .smf-placeholder {
    padding: calc(12 * 100vw / 375) 0;
  }
}
.l-form .container .right .snow-monkey-form[data-screen=complete] {
  gap: 0;
}
.l-form .container .right .snow-monkey-form .smf-form {
  display: flex;
  flex-direction: column;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form {
    gap: calc(28 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(4 * 100vw / 1700);
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item {
    padding-bottom: 0;
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label .smf-item__label__text {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label .smf-item__label__text {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label .smf-item__label__text {
  display: block;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control {
  display: block;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__control {
  display: block;
  width: 100%;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__control {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__control {
  padding: calc(12 * 100vw / 1700) 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  background: transparent;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__control {
    padding: calc(12 * 100vw / 375) 0;
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__toggle {
  background-color: transparent;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__toggle:before {
  width: calc(10 * 100vw / 1700);
  height: calc(10 * 100vw / 1700);
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  border-color: var(--black-lv2);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-select-control .smf-select-control__toggle:before {
    width: calc(10 * 100vw / 375);
    height: calc(10 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-text-control .smf-text-control__control {
  display: block;
  width: 100%;
  background-color: transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
  padding: calc(12 * 100vw / 1700) 0;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-text-control .smf-text-control__control {
    font-size: calc(13 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-text-control .smf-text-control__control {
    padding: calc(12 * 100vw / 375) 0;
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-text-control .smf-text-control__control::-moz-placeholder {
  color: rgba(var(--black-lv2-rgb), 0.15);
  opacity: 1;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-text-control .smf-text-control__control::placeholder {
  color: rgba(var(--black-lv2-rgb), 0.15);
  opacity: 1;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-textarea-control .smf-textarea-control__control {
  display: block;
  background-color: transparent;
  background: transparent;
  box-shadow: none;
  border: none;
  padding: calc(12 * 100vw / 1700) 0;
  height: calc(78 * 100vw / 1700);
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-textarea-control .smf-textarea-control__control {
    font-size: calc(13 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-textarea-control .smf-textarea-control__control {
    padding: calc(12 * 100vw / 375) 0;
    height: calc(80 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-textarea-control .smf-textarea-control__control::-moz-placeholder {
  color: rgba(var(--black-lv2-rgb), 0.15);
  opacity: 1;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-textarea-control .smf-textarea-control__control::placeholder {
  color: rgba(var(--black-lv2-rgb), 0.15);
  opacity: 1;
}
.l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-error-messages {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-item .smf-item__col--controls .smf-item__controls .smf-placeholder .smf-error-messages {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-form .smf-complete-content p {
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-form .smf-complete-content p {
    font-size: calc(13 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-action {
  display: flex;
  justify-content: flex-end;
}
.l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  padding: 0 0 calc(16 * 100vw / 1700);
  font-family: var(--font-editorial);
  font-weight: 200;
  color: var(--black-lv2);
  font-size: calc(48 * 100vw / 1700);
  line-height: 1;
  width: calc(237 * 100vw / 1700);
  position: relative;
  border-bottom: 1px solid rgba(var(--black-lv2-rgb), 0.15);
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control {
    padding: 0 0 calc(12 * 100vw / 375);
    font-size: calc(40 * 100vw / 375);
    width: calc(161 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control[data-action=back] {
  width: initial;
}
.l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control[data-action=back] .smf-sending {
  display: none;
}
@media (hover: hover) {
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:hover .smf-sending {
    background-color: transparent;
  }
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:hover .smf-sending:before {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:hover .smf-sending:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (hover: none) {
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:active .smf-sending {
    background-color: transparent;
  }
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:active .smf-sending:before {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:active .smf-sending:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control .smf-sending {
  display: block;
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
}
.l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control .smf-sending:before {
  content: "";
  display: block;
  width: calc(40 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  position: absolute;
  z-index: 1;
  top: calc(12 * 100vw / 1700);
  right: 0;
  background-image: url(../image/contact_arrow.png);
  background-size: cover;
  background-position: center right;
  transition: all 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  animation: none;
  border: none;
  border-radius: 0;
  visibility: visible;
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control .smf-sending:before {
    top: calc(-40 * 100vw / 375);
    width: calc(35 * 100vw / 375);
    height: calc(21 * 100vw / 375);
  }
}
.l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control .smf-sending:after {
  content: "";
  display: block;
  width: calc(40 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  background-image: url(../image/contact_arrow.png);
  background-size: cover;
  background-position: center right;
  position: absolute;
  top: calc(12 * 100vw / 1700);
  right: 0;
  visibility: visible;
  opacity: 0;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1), opacity 1.2s cubic-bezier(0.24, 1, 0.34, 1) 0.2s;
  transform: translate3d(-110%, 0, 0);
}
@media only screen and (max-width: 1024px) {
  .l-form .container .right .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control .smf-sending:after {
    top: calc(-40 * 100vw / 375);
    left: calc(-56 * 100vw / 375);
    width: calc(35 * 100vw / 375);
    height: calc(21 * 100vw / 375);
  }
}

/* Chrome / Edge のオートフィル背景色を消す */
.smf-form input:-webkit-autofill,
.smf-form textarea:-webkit-autofill,
.smf-form select:-webkit-autofill,
.smf-form input:-webkit-autofill:hover,
.smf-form textarea:-webkit-autofill:hover,
.smf-form select:-webkit-autofill:hover,
.smf-form input:-webkit-autofill:focus,
.smf-form textarea:-webkit-autofill:focus,
.smf-form select:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-transition: background-color 9999s ease-out 0s;
  transition: background-color 9999s ease-out 0s;
}

.isles-modal {
  position: fixed;
  z-index: 10;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.isles-modal.is-open {
  pointer-events: auto;
}
.isles-modal.is-open .modal_inner {
  filter: blur(0px);
  mask-position: 0 100%;
  -webkit-mask-position: 0 100%;
}
.isles-modal .modal_inner {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: blur(20px);
  mask-image: url(../image/common_mask_image_02.png);
  -webkit-mask-image: url(../image/common_mask_image_02.png);
  mask-repeat: no-repeat;
  mask-size: 100% 300%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 300%;
  will-change: mask-position, -webkit-mask-position, filter;
  transition: background-color 0.9s linear, mask-position 0.9s linear, -webkit-mask-position 0.9s linear, filter 0.9s linear;
}
.isles-modal .modal_inner .container {
  width: 100%;
  max-width: calc(1200 * 100vw / 1700);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(40 * 100vw / 1700);
  max-height: 80vh;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .isles-modal .modal_inner .container {
    gap: calc(24 * 100vw / 375);
    max-width: 100vw;
  }
}
.isles-modal .modal_inner .container .movie {
  width: 100%;
  height: calc(675 * 100vw / 1700);
  max-height: 100%;
  overflow: hidden;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .isles-modal .modal_inner .container .movie {
    height: calc(300 * 100vw / 375);
  }
}
.isles-modal .modal_inner .container .movie video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.isles-modal .modal_inner .container .modal_close {
  color: var(--white-lv1);
  text-decoration: underline;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.6;
  font-family: var(--font-editorial);
  font-weight: 200;
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .isles-modal .modal_inner .container .modal_close {
    font-size: calc(13 * 100vw / 375);
  }
}
.isles-modal .modal_inner .modal_bg {
  background-color: var(--black-lv4);
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.isles-fv {
  height: 100vh;
  max-height: 100vh;
  padding: calc(114 * 100vw / 1700) calc(40 * 100vw / 1700) calc(40 * 100vw / 1700);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .isles-fv {
    min-height: initial;
    height: 100svh;
    max-height: 100vh;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .isles-fv.four_voices {
    height: initial;
    max-height: initial;
  }
}
.isles-fv .text {
  width: calc(375 * 100vw / 1700);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .text {
    width: 100%;
    padding-left: calc(16 * 100vw / 375);
    flex: 0 0 auto;
    padding: calc(20 * 100vw / 375) calc(20 * 100vw / 375) calc(40 * 100vw / 375);
  }
}
.isles-fv .text .number {
  font-size: calc(20 * 100vw / 1700);
  line-height: 0.9;
  font-family: var(--font-editorial);
  font-weight: 200;
  color: var(--white-lv1);
}
@media only screen and (max-width: 1024px) {
  .isles-fv .text .number {
    font-size: calc(14 * 100vw / 375);
  }
}
.isles-fv .text .number.four_voices {
  color: var(--black-lv2);
}
.isles-fv .text .item_title {
  font-size: calc(108 * 100vw / 1700);
  line-height: 1;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .text .item_title {
    font-size: calc(64 * 100vw / 375);
  }
}
.isles-fv .text .item_title {
  white-space: nowrap;
  margin-top: calc(20 * 100vw / 1700);
  color: var(--white-lv1);
}
@media only screen and (max-width: 1024px) {
  .isles-fv .text .item_title {
    margin-top: calc(12 * 100vw / 375);
  }
}
.isles-fv .text .item_title.four_voices {
  color: var(--black-lv2);
}
.isles-fv .text .sub {
  margin-top: calc(9 * 100vw / 1700);
  line-height: 0.9;
  font-size: calc(24 * 100vw / 1700);
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 200;
  white-space: nowrap;
  color: var(--white-lv1);
}
@media only screen and (max-width: 1024px) {
  .isles-fv .text .sub {
    margin-top: calc(12 * 100vw / 375);
    font-size: calc(13 * 100vw / 375);
  }
}
.isles-fv .image_wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: calc(48 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .isles-fv .image_wrap {
    flex: 1;
    width: 100%;
    gap: initial;
  }
}
.isles-fv .image_wrap .image {
  width: calc(594 * 100vw / 1700);
  flex: 1;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .image_wrap .image {
    width: 100%;
  }
}
.isles-fv .image_wrap .image .image_inner {
  height: 100%;
  position: relative;
}
.isles-fv .image_wrap .image .image_inner.four_voices {
  align-items: center;
  display: flex;
}
.isles-fv .image_wrap .image .image_inner .fv_item {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  filter: blur(20px);
  mask-repeat: no-repeat;
  mask-size: 100% 300%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 300%;
  will-change: mask-position, -webkit-mask-position, filter, opacity;
  transition: mask-position 0.9s linear, -webkit-mask-position 0.9s linear, filter 0.9s linear, opacity 0s linear;
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-snap {
  transition: none !important;
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-leaving {
  opacity: 1;
  z-index: 3;
}
.isles-fv .image_wrap .image .image_inner .fv_item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.isles-fv .image_wrap .image .image_inner .fv_item {
  /* is-active = 表示中 */
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-active {
  opacity: 1;
  z-index: 2;
  filter: blur(0px);
}
.isles-fv .image_wrap .image .image_inner .fv_item {
  /* =========================
  ENTER（出てくる：active付与で 0 → 100）
  ========================= */
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-enter {
  mask-image: url(../image/common_mask_image_02.png);
  -webkit-mask-image: url(../image/common_mask_image_02.png);
  filter: blur(20px);
  /* 非アクティブ時は隠れてる */
  mask-position: 0 0;
  -webkit-mask-position: 0 0;
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-enter.is-active {
  filter: blur(0px);
  /* activeになると表示完了へ */
  mask-position: 0 100%;
  -webkit-mask-position: 0 100%;
}
.isles-fv .image_wrap .image .image_inner .fv_item {
  /* =========================
  LEAVE（消える：active解除で 0 → 100）
  ※ active時に見えてる状態を作り、active外すと隠れる
  ========================= */
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-leave {
  mask-image: url(../image/common_mask_image_01.png);
  -webkit-mask-image: url(../image/common_mask_image_01.png);
  filter: blur(20px);
  /* 非アクティブ時は “消えてる側” */
  mask-position: 0 100%;
  -webkit-mask-position: 0 100%;
}
.isles-fv .image_wrap .image .image_inner .fv_item.is-leave.is-active {
  filter: blur(0px);
  /* active中は “見えてる側” */
  mask-position: 0 0;
  -webkit-mask-position: 0 0;
}
.isles-fv .image_wrap .image .image_inner .fv_item.four_voices {
  aspect-ratio: 1/1;
  position: static;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .image_wrap .image .image_inner .fv_item.four_voices {
    aspect-ratio: auto;
    height: calc(470 * 100vw / 375);
  }
}
.isles-fv .image_wrap .image .image_text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: calc(100% + 48 * 100vw / 1700);
  transform: translate3d(0, -50%, 0);
  display: flex;
  align-items: center;
  gap: calc(8 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .isles-fv .image_wrap .image .image_text {
    display: none;
  }
}
.isles-fv .image_wrap .image .image_text .number {
  color: var(--white-lv1);
  font-size: calc(13 * 100vw / 1700);
  font-family: var(--font-instrumentsans);
  font-weight: 400;
  display: inline-block;
  width: calc(20 * 100vw / 1700);
  text-align: center;
}
.isles-fv .image_wrap .image .image_text .number.now {
  text-align: left;
  transform: translate3d(calc(4 * 100vw / 1700), 0, 0);
}
.isles-fv .image_wrap .image .image_text .line {
  width: calc(48 * 100vw / 1700);
  height: 1px;
  background-color: rgba(var(--white-lv1-rgb), 0.2);
  position: relative;
}
.isles-fv .image_wrap .image .image_text .line .line_inner {
  background-color: var(--white-lv1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left center;
  transform: scaleX(0);
  opacity: 1;
  will-change: transform, opacity;
}
.isles-fv .image_wrap .scroll {
  color: var(--white-lv1);
  text-decoration: underline;
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.6;
  font-family: var(--font-editorial);
  font-weight: 200;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .image_wrap .scroll {
    display: none;
  }
}
.isles-fv .image_wrap .scroll.four_voices {
  color: var(--black-lv2);
}
.isles-fv .modal_wrap {
  width: calc(375 * 100vw / 1700);
}
.isles-fv .modal_wrap .modal {
  display: flex;
  flex-direction: column;
  gap: calc(8 * 100vw / 1700);
  width: calc(239 * 100vw / 1700);
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .modal_wrap .modal {
    display: none;
  }
}
@media (hover: hover) {
  .isles-fv .modal_wrap .modal:hover .next-month .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .isles-fv .modal_wrap .modal:hover .next-month .icon_wrap {
    background-color: var(--white-lv1);
    border: 1px solid rgba(var(--white-lv1-rgb), 1);
  }
  .isles-fv .modal_wrap .modal:hover .next-month .icon_wrap .link_inner.prev .icon1, .isles-fv .modal_wrap .modal:hover .next-month .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .isles-fv .modal_wrap .modal:hover .next-month .icon_wrap .link_inner.prev .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
  .isles-fv .modal_wrap .modal:hover .next-month .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .isles-fv .modal_wrap .modal:hover .next-month .icon_wrap .link_inner .icon svg path {
    stroke: var(--black-lv1);
  }
}
@media (hover: none) {
  .isles-fv .modal_wrap .modal:active .next-month .month_txt:before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .isles-fv .modal_wrap .modal:active .next-month .icon_wrap {
    background-color: var(--white-lv1);
    border: 1px solid rgba(var(--white-lv1-rgb), 1);
  }
  .isles-fv .modal_wrap .modal:active .next-month .icon_wrap .link_inner.prev .icon1, .isles-fv .modal_wrap .modal:active .next-month .icon_wrap .link_inner.next .icon1 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .isles-fv .modal_wrap .modal:active .next-month .icon_wrap .link_inner.prev .icon2 {
    transform: translate3d(-110%, 0, 0);
    opacity: 0;
  }
  .isles-fv .modal_wrap .modal:active .next-month .icon_wrap .link_inner.next .icon2 {
    transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  .isles-fv .modal_wrap .modal:active .next-month .icon_wrap .link_inner .icon svg path {
    stroke: var(--black-lv1);
  }
}
.isles-fv .modal_wrap .modal .btn_movie {
  border-radius: calc(4 * 100vw / 1700);
  overflow: hidden;
  height: calc(135 * 100vw / 1700);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  isolation: isolate;
}
.isles-fv .modal_wrap .modal .btn_movie video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.isles-fv .modal_wrap .modal .next-month {
  display: flex;
  align-items: center;
  gap: calc(16 * 100vw / 1700);
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .modal_wrap .modal .next-month {
    gap: calc(8 * 100vw / 375);
  }
}
.isles-fv .modal_wrap .modal .next-month .month_txt {
  font-size: calc(15 * 100vw / 1700);
  font-family: var(--font-inter);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-block;
  position: relative;
  color: var(--white-lv1);
}
.isles-fv .modal_wrap .modal .next-month .month_txt:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: calc(-2 * 100vw / 1700);
  width: 100%;
  height: 1px;
  background-color: var(--white-lv1);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
  transition: transform 1.2s cubic-bezier(0.24, 1, 0.34, 1);
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * 100vw / 1700);
  height: calc(24 * 100vw / 1700);
  border-radius: calc(8 * 100vw / 1700);
  overflow: hidden;
  border: 1px solid rgba(var(--white-lv1-rgb), 0.15);
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
@media only screen and (max-width: 1024px) {
  .isles-fv .modal_wrap .modal .next-month .icon_wrap {
    width: calc(28 * 100vw / 375);
    height: calc(20 * 100vw / 375);
    border-radius: calc(4 * 100vw / 375);
  }
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner {
  width: calc(16 * 100vw / 1700);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner {
    width: calc(12 * 100vw / 375);
  }
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner.prev .icon1 {
  transform: translate3d(110%, 0, 0);
  opacity: 0;
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner.next .icon1 {
  transform: translate3d(-110%, 0, 0);
  opacity: 0;
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner .icon {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner .icon.icon1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner .icon svg path {
  transition: all 1s cubic-bezier(0.24, 1, 0.34, 1);
}
.isles-fv .modal_wrap .modal .next-month .icon_wrap .link_inner .icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.isles-about {
  overflow: visible;
}
.isles-about .text {
  padding: calc(160 * 100vw / 1700) calc(40 * 100vw / 1700) calc(200 * 100vw / 1700);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: calc(40 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .isles-about .text {
    padding: calc(60 * 100vw / 375) calc(20 * 100vw / 375) calc(96 * 100vw / 375);
    flex-direction: column;
    gap: calc(40 * 100vw / 375);
  }
}
.isles-about .text .msg {
  width: calc(375 * 100vw / 1700);
  color: var(--white-lv1);
  font-size: calc(15 * 100vw / 1700);
  line-height: 1.7;
  font-family: var(--font-zenkakugothic);
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1024px) {
  .isles-about .text .msg {
    font-size: calc(13 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .isles-about .text .msg {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .isles-about .text .msg.msg_01 {
    padding-right: calc(87 * 100vw / 375);
  }
}
@media only screen and (max-width: 1024px) {
  .isles-about .text .msg.msg_02 {
    padding-left: calc(87 * 100vw / 375);
  }
}
.isles-about .text .msg.four_voices {
  color: var(--black-lv2);
}
.isles-about .image {
  padding-bottom: calc(120 * 100vw / 1700);
  position: relative;
  height: calc(640 * 100vw / 1700);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .isles-about .image {
    height: calc(247 * 100vw / 375);
  }
}
.isles-about .image .image_inner {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: calc(4 * 100vw / 1700);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  .isles-about .image .image_inner {
    gap: 1px;
  }
}
.isles-about .image .image_inner .photo {
  width: calc(790 * 100vw / 1700);
  min-width: calc(790 * 100vw / 1700);
  height: calc(640 * 100vw / 1700);
}
@media only screen and (max-width: 1024px) {
  .isles-about .image .image_inner .photo {
    width: calc(306 * 100vw / 375);
    min-width: calc(306 * 100vw / 375);
    height: calc(247 * 100vw / 375);
  }
}
.isles-about .image .image_inner .photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=main.css.map */