@charset "UTF-8";
.l-fv__inner {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-fv__inner {
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--g-var-grid-col-gap-pc);
  }
}
.l-fv__inner .c-fv-img {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-l);
  margin-top: 80px;
}
@media (min-width: 769px) {
  .l-fv__inner .c-fv-img {
    grid-column: 1/span 12;
    margin-top: 0;
  }
}

.l-style__inner {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-sp);
  row-gap: var(--g-var-grid-col-gap-sp);
  padding-left: var(--g-var-grid-col-gap-sp);
  padding-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style__inner {
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--g-var-grid-col-gap-pc);
    padding-left: var(--g-var-grid-col-gap-pc);
    padding-right: var(--g-var-grid-col-gap-pc);
  }
}
.l-style .c-global-block {
  position: relative;
}
.l-style .c-global-block.block0 {
  grid-column: 1/span 8;
  font-size: var(--g-font-size-xs);
  font-weight: 700;
  margin-bottom: var(--g-spacing-l);
  justify-self: center;
}
@media (min-width: 769px) {
  .l-style .c-global-block.block0 {
    grid-column: 1/span 12;
  }
}
.l-style .c-global-block.block1 {
  grid-column: 2/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block1 {
    grid-column: 5/span 4;
    width: calc(100% + 64px);
    margin-left: -32px;
  }
}
.l-style .c-global-block.block2 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block2 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block3 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block3 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block4 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  width: calc(100% + 32px);
  margin-left: -16px;
}
@media (min-width: 769px) {
  .l-style .c-global-block.block4 {
    grid-column: 1/span 12;
    width: calc(100% + 64px);
    margin-left: -32px;
  }
}
.l-style .c-global-block.block5 {
  grid-column: 1/span 6;
  margin-bottom: var(--g-spacing-xl);
  width: calc(100% + 16px);
  margin-left: -16px;
}
@media (min-width: 769px) {
  .l-style .c-global-block.block5 {
    grid-column: 1/span 6;
  }
}
.l-style .c-global-block.block6 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block6 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block7 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block7 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block8 {
  grid-column: 2/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block8 {
    grid-column: 1/span 6;
  }
}
.l-style .c-global-block.block9 {
  grid-column: 2/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block9 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block10 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  width: calc(100% + 32px);
  margin-left: -16px;
}
@media (min-width: 769px) {
  .l-style .c-global-block.block10 {
    grid-column: 1/span 12;
    width: calc(100% + 64px);
    margin-left: -32px;
  }
}
.l-style .c-global-block.block11 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block11 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block12 {
  grid-column: 1/span 6;
  margin-bottom: var(--g-spacing-xl);
  width: calc(100% + 16px);
  margin-left: -16px;
}
@media (min-width: 769px) {
  .l-style .c-global-block.block12 {
    grid-column: 1/span 6;
  }
}
.l-style .c-global-block.block13 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block13 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block14 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block14 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block15 {
  grid-column: 2/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block15 {
    grid-column: 5/span 4;
  }
}
.l-style .c-global-block.block16 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  width: calc(100% + 32px);
  margin-left: -16px;
}
@media (min-width: 769px) {
  .l-style .c-global-block.block16 {
    grid-column: 1/span 12;
    width: calc(100% + 64px);
    margin-left: -32px;
  }
}
.l-style .c-global-block.block17 {
  grid-column: 1/span 8;
  margin-bottom: var(--g-spacing-xl);
  margin-left: var(--g-var-grid-col-gap-sp);
  margin-right: var(--g-var-grid-col-gap-sp);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block17 {
    grid-column: 4/span 6;
  }
}
.l-style .c-global-block.block18 {
  grid-column: 2/span 6;
  margin-bottom: var(--g-spacing-xl);
}
@media (min-width: 769px) {
  .l-style .c-global-block.block18 {
    grid-column: 5/span 4;
  }
}
.l-style .c-global-plus {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
@media (min-width: 769px) {
  .l-style .c-global-plus {
    bottom: 32px;
    right: 32px;
  }
}
.l-style .c-global-credit {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
@media (min-width: 769px) {
  .l-style .c-global-credit {
    bottom: 32px;
    left: 32px;
  }
}

.sec-footer__credit {
  grid-column: 1/span 8 !important;
}
@media (min-width: 769px) {
  .sec-footer__credit {
    grid-column: 1/span 12 !important;
  }
}

/* ------------------------
dropdown
------------------------ */
.h-drop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 10;
  background-color: var(--c-text2);
  opacity: 0;
  transition: all 1s var(--ease-expo-io);
  clip-path: inset(0 0 100% 0);
}
.h-drop.active {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.h-drop__close {
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s var(--ease-expo-io);
  z-index: 12;
  top: 2rem;
  right: 2rem;
  pointer-events: auto;
}
@media (max-width: 1024px) {
  .h-drop__close {
    width: 8rem;
    height: 8rem;
    bottom: 2rem;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    border: var(--c-text1) solid 0.1rem;
    background-color: var(--c-text2);
    padding-bottom: 1.2rem;
  }
}
.h-drop__close::before, .h-drop__close::after {
  content: "";
  position: absolute;
  background-color: var(--c-text1);
}
.h-drop__close::before {
  width: 100%;
  height: 0.2rem;
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  .h-drop__close::before {
    width: 50%;
  }
}
.h-drop__close::after {
  width: 0.2rem;
  height: 100%;
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  .h-drop__close::after {
    height: 50%;
  }
}
.h-drop__close p {
  position: absolute;
  bottom: -1rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.h-drop__close p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: var(--c-text1);
  transition: all 0.3s var(--ease-expo-io);
  transform: scaleX(0); /* X方向のみ0 */
  transform-origin: left;
}
@media (max-width: 1024px) {
  .h-drop__close p {
    bottom: 1.2rem;
  }
}
.h-drop__close:hover p::after {
  transform: scaleX(1); /* X方向に拡大 */
}
.h-drop__inner {
  padding-top: var(--g-spacing-l);
  padding-bottom: var(--g-spacing-l);
}
.h-drop__body {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  padding: 0 var(--g-var-grid-col-gap-pc);
  row-gap: calc(var(--g-var-grid-col-gap-pc) * 2);
}
@media (max-width: 1024px) {
  .h-drop__body {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.h-drop__collection:nth-child(1) {
  grid-column: 3/span 2;
}
.h-drop__collection:nth-child(2) {
  grid-column: 5/span 2;
}
.h-drop__collection:nth-child(3) {
  grid-column: 7/span 2;
}
.h-drop__collection:nth-child(4) {
  grid-column: 9/span 2;
}
.h-drop__collection:nth-child(5) {
  grid-column: 3/span 2;
}
.h-drop__collection:nth-child(6) {
  grid-column: 5/span 2;
}
.h-drop__collection:nth-child(7) {
  grid-column: 7/span 2;
}
.h-drop__collection:nth-child(8) {
  grid-column: 9/span 2;
}
.h-drop__collection:nth-child(9) {
  grid-column: 3/span 2;
}
.h-drop__collection:nth-child(10) {
  grid-column: 5/span 2;
}
.h-drop__collection:nth-child(11) {
  grid-column: 7/span 2;
}
.h-drop__collection:nth-child(12) {
  grid-column: 9/span 2;
}
.h-drop__collection:nth-child(13) {
  grid-column: 3/span 2;
}
.h-drop__collection:nth-child(14) {
  grid-column: 5/span 2;
}
.h-drop__collection:nth-child(15) {
  grid-column: 7/span 2;
}
.h-drop__collection:nth-child(16) {
  grid-column: 9/span 2;
}
.h-drop__collection:nth-child(17) {
  grid-column: 3/span 2;
}
.h-drop__collection:nth-child(18) {
  grid-column: 5/span 2;
}
@media (max-width: 1024px) {
  .h-drop__collection:nth-child(1) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(2) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(3) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(4) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(5) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(6) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(7) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(8) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(9) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(10) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(11) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(12) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(13) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(14) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(15) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(16) {
    grid-column: 3/span 2;
  }
  .h-drop__collection:nth-child(17) {
    grid-column: 1/span 2;
  }
  .h-drop__collection:nth-child(18) {
    grid-column: 3/span 2;
  }
}
.h-drop__collection a {
  display: flex;
  flex-direction: column;
  gap: var(--gy);
  font-size: 1.4rem;
  color: var(--c-text1);
}
.h-drop__collection a p {
  text-align: center;
}
.h-drop__collection a:hover {
  opacity: 0.6;
}

.h-drop.about .h-drop__body {
  line-height: 1.5;
  font-size: 1.4rem;
}
.h-drop.about .h-drop__title {
  grid-column: 2/span 4;
}
@media (max-width: 1024px) {
  .h-drop.about .h-drop__title {
    grid-column: 1/span 4;
  }
}
.h-drop.about .h-drop__entext {
  grid-column: 7/span 4;
}
@media (max-width: 1024px) {
  .h-drop.about .h-drop__entext {
    grid-column: 1/span 4;
  }
}
.h-drop.about .h-drop__jatext {
  grid-column: 7/span 4;
}
@media (max-width: 1024px) {
  .h-drop.about .h-drop__jatext {
    grid-column: 1/span 4;
  }
}

.h-drop.store .h-drop__body {
  line-height: 1.5;
  font-size: 1.4rem;
}
.h-drop.store .h-drop__brand {
  grid-column: 2/span 4;
}
@media (max-width: 1024px) {
  .h-drop.store .h-drop__brand {
    grid-column: 1/span 4;
  }
}
.h-drop.store .h-drop__items {
  grid-column: 7/span 4;
  display: flex;
  flex-direction: column;
  gap: var(--gy);
}
@media (max-width: 1024px) {
  .h-drop.store .h-drop__items {
    grid-column: 1/span 4;
  }
}
.h-drop.store .h-drop__shoplist {
  grid-column: 5/span 4;
  width: 100%;
  height: 6rem;
  border: var(--c-text1) solid 0.1rem;
  margin-top: var(--g-spacing-m);
}
@media (max-width: 1024px) {
  .h-drop.store .h-drop__shoplist {
    grid-column: 1/span 4;
  }
}
.h-drop.store .h-drop__shoplist a {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: var(--c-text1);
  transition: all 0.5s var(--ease-expo-io);
}
.h-drop.store .h-drop__shoplist a:hover {
  background-color: var(--c-text1);
  color: var(--c-text2);
}
.h-drop.store .h-drop__onlinestore {
  grid-column: 5/span 4;
  width: 100%;
  height: 6rem;
  border: var(--c-text1) solid 0.1rem;
}
@media (max-width: 1024px) {
  .h-drop.store .h-drop__onlinestore {
    grid-column: 1/span 4;
  }
}
.h-drop.store .h-drop__onlinestore a {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: var(--c-text1);
  transition: all 0.5s var(--ease-expo-io);
}
.h-drop.store .h-drop__onlinestore a:hover {
  background-color: var(--c-text1);
  color: var(--c-text2);
}
.h-drop.store .h-drop__area {
  color: var(--c-textsub);
}
.h-drop.store dl {
  color: var(--c-text1);
  display: flex;
  justify-content: space-between;
}

/* ------------------------
header
------------------------ */
.home-header {
  position: fixed;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  pointer-events: none;
}
.home-header::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(248, 248, 248);
  opacity: 0;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}
@media (max-width: 1024px) {
  .home-header::before {
    width: 100%;
  }
}
.home-header.active::before {
  background: hsl(0, 0%, 100%);
  opacity: 1;
}
.home-header__title {
  display: flex;
  flex-direction: column;
  gap: var(--gy);
  font-size: 1.4rem;
  text-align: center;
  fill: var(--c-text1);
  color: var(--c-text1);
  margin-bottom: var(--gy);
  pointer-events: none;
}
.home-header__logo {
  width: calc(16.6666666667% - 32px);
  display: grid;
  align-self: center;
  pointer-events: auto;
}
@media (max-width: 1024px) {
  .home-header__logo {
    width: calc(50% - 10px);
  }
}
.home-header__nav {
  display: flex;
  gap: var(--gx);
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.3s var(--ease-expo-io);
  font-weight: 700;
}
.home-header__nav a {
  color: var(--c-text1);
  pointer-events: auto;
}
.home-header__nav li {
  cursor: pointer;
  pointer-events: auto;
  position: relative;
}
.home-header__nav li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: var(--c-text1);
  transition: all 0.3s var(--ease-expo-io);
  transform: scaleX(0); /* X方向のみ0 */
  transform-origin: left;
}
.home-header__nav li:hover::after, .home-header__nav li.active::after {
  transform: scaleX(1); /* X方向に拡大 */
}
.home-header__nav li.active {
  opacity: 0.5;
}
.home-header #nav1.active {
  pointer-events: none;
}
.home-header #nav2.active {
  pointer-events: none;
}
.home-header #nav3.active {
  pointer-events: none;
}
.home-header__close {
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s var(--ease-expo-io);
  z-index: 12;
  top: 2rem;
  right: 2rem;
  opacity: 0;
  pointer-events: auto;
}
.home-header__close.active {
  opacity: 1;
}
@media (max-width: 1024px) {
  .home-header__close {
    width: 8rem;
    height: 8rem;
    bottom: 4rem;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    border: var(--c-text1) solid 0.1rem;
    background-color: var(--c-text2);
    padding-bottom: 1.2rem;
  }
}
.home-header__close::before, .home-header__close::after {
  content: "";
  position: absolute;
  background-color: var(--c-text1);
}
.home-header__close::before {
  width: 100%;
  height: 0.2rem;
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  .home-header__close::before {
    width: 50%;
  }
}
.home-header__close::after {
  width: 0.2rem;
  height: 100%;
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  .home-header__close::after {
    height: 50%;
  }
}
.home-header__close p {
  position: absolute;
  bottom: -1rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.home-header__close p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: var(--c-text1);
  transition: all 0.3s var(--ease-expo-io);
  transform: scaleX(0); /* X方向のみ0 */
  transform-origin: left;
}
@media (max-width: 1024px) {
  .home-header__close p {
    bottom: 1.2rem;
  }
}
.home-header__close:hover p::after {
  transform: scaleX(1); /* X方向に拡大 */
}

/* ------------------------
footer
------------------------ */
.sec-footer {
  width: 100%;
  height: 100%;
  position: relative;
}
.sec-footer__inner {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--g-var-grid-col-gap-sp);
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .sec-footer__inner {
    padding: 0 var(--g-var-grid-col-gap-pc);
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--g-var-grid-col-gap-pc);
  }
}
.sec-footer__credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 80px;
  grid-column: 1/span 4;
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .sec-footer__credit {
    grid-column: 1/span 12;
  }
}
.sec-footer__items {
  grid-column: 5/span 4;
  display: flex;
  gap: var(--gx);
  align-items: center;
  justify-content: center;
  margin-bottom: var(--g-var-grid-row-gap-pc);
}
@media (max-width: 1024px) {
  .sec-footer__items {
    grid-column: 1/span 4;
  }
}
.sec-footer__items a {
  color: var(--c-text1);
  font-size: 1.2rem;
  position: relative;
}
.sec-footer__items li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: var(--c-text1);
  transition: all 0.3s var(--ease-expo-io);
  transform: scaleX(0); /* X方向のみ0 */
  transform-origin: left;
}
.sec-footer__items li a:hover::after {
  transform: scaleX(1); /* X方向に拡大 */
}
.sec-footer__icon {
  grid-column: 1/span 4;
  width: 2rem;
  aspect-ratio: 1/1;
  display: grid;
  justify-self: center;
  margin-bottom: 80px;
}
.sec-footer__icon:hover {
  opacity: 0.6;
}
@media (min-width: 769px) {
  .sec-footer__icon {
    grid-column: 6/span 2;
  }
}
.sec-footer__copy {
  font-size: var(--g-font-size-xs);
  justify-self: center;
  margin-bottom: 160px;
  grid-column: 1/span 4;
}
@media (min-width: 769px) {
  .sec-footer__copy {
    grid-column: 1/span 12;
  }
}

.c-fv-img {
  background-image: url(/2025aw/images/aw-1.jpg);
  width: 100%;
  height: calc(100svh - 80px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .c-fv-img {
    background-image: url(/2025aw/images/0712138497.jpg);
    height: 100svh;
  }
}

.c-global-plus {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s var(--ease-expo-io);
}
.c-global-plus::before, .c-global-plus::after {
  content: "";
  position: absolute;
  background-color: var(--c-text1);
}
.c-global-plus::before {
  width: 100%;
  height: 0.1rem;
}
.c-global-plus::after {
  width: 0.1rem;
  height: 100%;
}
.c-global-plus.active {
  transform: rotate(45deg);
}
.c-global-plus:hover {
  cursor: pointer;
}

.c-global-plus.c-white::before, .c-global-plus.c-white::after {
  content: "";
  position: absolute;
  background-color: var(--c-text2);
}

.c-global-credit {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 1.2rem;
}
.c-global-credit a {
  display: flex;
  flex-wrap: nowrap;
  color: var(--c-text1);
  gap: 8px;
}

.c-global-credit.c-white a {
  color: var(--c-text2);
}

.c-global-credit {
  display: none;
  transition: all 0.3s var(--ease-expo-io);
}

.c-global-credit.visible {
  display: flex;
}

.c-global-img.monochrome img {
  filter: grayscale(100%);
  transition: all 0.3s var(--ease-expo-io);
}

.c-global-plus.active {
  transform: rotate(45deg); /* 例：＋が×になる */
}

:root {
  /* spacing
  ===================================================== */
  --g-spacing-xs: 1rem;
  --g-spacing-s: 4rem;
  --g-spacing-m: 8rem;
  --g-spacing-l: 12rem;
  --g-spacing-xl: 16rem;
  --g-spacing-2xl: 20rem;
  --g-var-vw: 1512;
  /* コンテンツ幅
  ===================================================== */
  --g-var-vh: 790;
  --g-var-vw-min: 768;
  --g-var-vw-max: 1920;
  --g-var-vw-min-unit: 768px;
  --g-var-vw-max-unit: 1920px;
  /* line-height
  ===================================================== */
  --t-lineheight-xs: 1;
  --t-lineheight-s: 1.25;
  --t-lineheight-m: 1.5;
  --t-lineheight-l: 1.75;
  --t-lineheight-xl: 2;
  /* color
  ===================================================== */
  --c-text2: #fff;
  --c-text1: #1c1c1c;
  --c-textsub: #999999;
  --c-cate: #EFE9E2;
  --c-summary: #F2ECDF;
  --c-footer: #F5F4F4;
  /* font-family
  ===================================================== */
  --g-font-family-en: "neue-haas-unica", sans-serif;
  --g-font-family-en-sub: "font-en-sub" , "futura-pt", sans-serif;
  /* font-family
  ===================================================== */
  --g-font-size-xs: clamp(1.2rem, 1 / var(--g-var-vw)* 100* 12vw, 1.4rem);
  --g-font-size-s: clamp(1.4rem, 1 / var(--g-var-vw)* 100* 16vw, 1.6rem);
  --g-font-size-m: clamp(1.6rem, 1 / var(--g-var-vw)* 100* 18vw, 1.8rem);
  --g-font-size-l: clamp(1.8rem, 1 / var(--g-var-vw)* 100* 32vw, 2rem);
  --g-font-size-xl: clamp(3.2rem, 1 / var(--g-var-vw)* 100* 48vw, 4.8rem);
  --g-font-size-2xl: clamp(6.4rem, 1 / var(--g-var-vw)* 100* 80vw, 8rem);
  /* グリッド
  ===================================================== */
  --g-var-grid-col-pc: 12;
  --g-var-grid-col-tb: 8;
  --g-var-grid-col-sp: 4;
  --g-var-grid-col-gap-pc: 2rem;
  --g-var-grid-col-gap-tb: 1.5rem;
  --g-var-grid-col-gap-sp: 1rem;
  --g-var-grid-row-gap-pc: 2rem;
  --g-var-grid-row-gap-tb: 1.5rem;
  --g-var-grid-row-gap-sp: 1rem;
  /* ラディウス
  ===================================================== */
  --g-radius: 999px;
  /* header, footerの高さ
  ===================================================== */
  --g-menu-height: clamp(72px, calc(100vw / var(--g-var-grid-col-pc)* 0.75), 112px);
  --g-nav-height: clamp(60px, calc(100vw / var(--g-var-grid-col-pc)* 0.75), 80px);
  /* 変数
  ===================================================== */
  --gx: 10px;
  --gy: 10px;
  /* アニメーション
  ===================================================== */
  --ease-power3-out: cubic-bezier(0.26,1,0.48,1);
  --ease-power3-io: cubic-bezier(0.76,0,0.24,1);
  --ease-power4-in: cubic-bezier(0.64,0,0.78,0);
  --ease-power4-out: cubic-bezier(0.22,1,0.36,1);
  --ease-power4-io: cubic-bezier(0.84,0,0.16,1);
  --ease-expo-in: cubic-bezier(0.66,0,0.86,0);
  --ease-expo-out: cubic-bezier(0.14,1,0.34,1);
  --ease-expo-io: cubic-bezier(0.9,0,0.1,1);
  --ease-power1-in: cubic-bezier(0.26,0,0.6,0.2);
  --ease-power1-out: cubic-bezier(0.4,0.8,0.74,1);
  --ease-power1-io: cubic-bezier(0.48,0.04,0.52,0.96);
  --ease-power2-in: cubic-bezier(0.4,0,0.68,0.06);
  --ease-power2-out: cubic-bezier(0.32,0.94,0.6,1);
  --ease-power2-io: cubic-bezier(0.66,0,0.34,1);
  --ease-power3-in: cubic-bezier(0.52,0,0.74,0);
}

/* common
===================================================== */
html,
body {
  font-size: 62.5%;
  overscroll-behavior-y: none;
  width: 100%;
  line-height: 1;
  scroll-behavior: smooth;
  overflow-x: hidden;
  font-kerning: normal;
  font-family: var(--g-font-family-en);
  font-weight: 400;
}

.no-scroll {
  overflow: hidden;
}

.wrapper {
  width: 100%;
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
}
a[href=""] {
  pointer-events: none;
}

img,
video {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .spNone {
    display: none !important;
  }
}
.underline {
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */