@charset "UTF-8";
:root {
  /* spacing
  ===================================================== */
  --g-spacing-xs: 1rem;
  --g-spacing-s: 4rem;
  --g-spacing-m: 8rem;
  --g-spacing-l: 12rem;
  --g-spacing-xl: 16rem;
  --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: #666666;
  --c-cate: #EFE9E2;
  --c-sec1: #F7EDF0;
  --c-sec3: #E3D0C3;
  --c-sec2: #DDD9CD;
  --c-summary: #F2ECDF;
  --c-footer: #F5F4F4;
  /* font-family
  ===================================================== */
  --g-font-family-jp:"font-jp" , "zen-old-mincho", sans-serif;
  --g-font-family-en: "font-en" , "goudy-old-style", serif;
  --g-font-family-en-sub: "font-en-sub" , "futura-pt", sans-serif;
  /* font-family
  ===================================================== */
  --g-font-size-xs: clamp(1rem, 1 / var(--g-var-vw)* 100* 12vw, 1.2rem);
  --g-font-size-s: clamp(1.2rem, 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(2.4rem, 1 / var(--g-var-vw)* 100* 32vw, 3.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;
}

/* common
===================================================== */
html,
body {
  font-size: 62.5%;
  overscroll-behavior-y: none;
  width: 100%;
  line-height: 1;
  scroll-behavior: smooth;
  font-kerning: normal;
}

.no-scroll {
  overflow: hidden;
}

.wrapper {
  width: 100%;
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

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

a:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out; /* 0.3秒で滑らかに変化 */
}

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

@media (min-width: 1025px) {
  .pcNone {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .spNone {
    display: none !important;
  }
}
.border-color1 {
  border-left: 2rem var(--c-sec1) solid;
  border-right: 2rem var(--c-sec1) solid;
}
@media (max-width: 1025px) {
  .border-color1 {
    border-left: 1rem var(--c-sec1) solid;
    border-right: 1rem var(--c-sec1) solid;
  }
}

.border-color2 {
  border-left: 1rem var(--c-sec2) solid;
  border-right: 1rem var(--c-sec2) solid;
}
@media (max-width: 1025px) {
  .border-color2 {
    border-left: 1rem var(--c-sec2) solid;
    border-right: 1rem var(--c-sec2) solid;
  }
}

.border-color3 {
  border-left: 2rem var(--c-sec3) solid;
  border-right: 2rem var(--c-sec3) solid;
}
@media (max-width: 1025px) {
  .border-color3 {
    border-left: 2rem var(--c-sec3) solid;
    border-right: 2rem var(--c-sec3) solid;
  }
}

.bg-1 {
  background-color: var(--c-sec1);
}

.bg-2 {
  background-color: var(--c-sec2);
}

.bg-3 {
  background-color: var(--c-sec3);
}

.c-1 {
  color: #E0D3DC;
}

.c-2 {
  color: var(--c-sec2);
}

.c-3 {
  color: var(--c-sec3);
}

@media (max-width: 1025px) {
  .sp_reverse1 {
    grid-column: 3/span 2 !important;
    order: 2 !important;
  }
}

@media (max-width: 1025px) {
  .sp_reverse2 {
    grid-column: 1/span 2 !important;
    order: 1 !important;
  }
}

.c-text {
  transform: translate3d(0, 100%, 0);
}

.over-hidden {
  overflow: hidden;
}

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.lazy-image {
  width: 100%;
  height: auto;
  transition: opacity 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}

/* ------------------------
hero
------------------------ */
.home-hero__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-hero__body {
  min-height: 100lvh;
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-content: center;
  align-items: center;
  column-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .home-hero__body {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-var-grid-col-gap-sp);
  }
}
.home-hero__body-img1 {
  background-image: url(../images/home_heroimg1.jpg);
  aspect-ratio: 8/5;
  grid-column: 3/span 8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 1025px) {
  .home-hero__body-img1 {
    grid-column: 1/span 4;
    grid-row: 1/span 1;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
  }
}
.home-hero__body-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  gap: var(--gy);
  flex-direction: column;
  align-items: center;
  font-display: swap;
}
@media (max-width: 1025px) {
  .home-hero__body-title {
    position: relative;
    grid-column: 1/span 4;
    grid-row: 2/span 1;
    top: auto; /* デフォルト値 */
    left: auto; /* デフォルト値 */
    transform: none; /* リセット */
  }
}
.home-hero__body-title h1 {
  color: var(--c-text2);
  font-size: var(--g-font-size-xl);
  font-family: var(--g-font-family-en);
}
@media (max-width: 1025px) {
  .home-hero__body-title h1 {
    color: var(--c-text1);
  }
}
.home-hero__body-title h2 {
  color: var(--c-text2);
  font-size: var(--g-font-size-m);
  font-family: var(--g-font-family-jp);
}
@media (max-width: 1025px) {
  .home-hero__body-title h2 {
    color: var(--c-text1);
  }
}
.home-hero__body-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: var(--g-spacing-s);
}
@media (max-width: 1025px) {
  .home-hero__body-logo {
    left: auto;
    bottom: auto;
    transform: none;
    top: 10rem;
  }
}
@media (max-width: 1025px) {
  .home-hero__body-img2 {
    aspect-ratio: 8/5;
    width: 100%;
    height: 100%;
    background-image: url(../images/home_heroimg2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    grid-column: 1/span 4;
    grid-row: 3/span 1;
    aspect-ratio: auto;
  }
}
.home-hero__body-logo {
  width: 10rem;
}
.home-hero__body-scroll {
  position: absolute;
  bottom: calc(var(--gy) * 2);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: var(--gx);
  font-size: var(--g-font-size-xs);
  font-family: var(--g-font-family-en-sub);
  color: var(--c-text1);
}
@media (max-width: 1025px) {
  .home-hero__body-scroll {
    color: var(--c-text2);
  }
}

/* コンテナのスタイル */
.background-slider {
  position: relative;
  aspect-ratio: 145/100;
  background-size: cover;
  background-position: center;
}

.fixed_btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 4rem;
  z-index: 99;
}

/* ------------------------
main-container
------------------------ */
.l-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.l-wrapper .l-container {
  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);
}
@media (max-width: 1025px) {
  .l-wrapper .l-container {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    padding: 0 var(--g-var-grid-col-gap-sp);
  }
}

/* ------------------------
lead
------------------------ */
.home-lead {
  height: 100lvh;
  position: relative;
  width: 100%;
  grid-column: 5/span 8;
  order: 2;
}
@media (max-width: 1025px) {
  .home-lead {
    grid-column: 1/span 4;
    order: 1;
    height: 100%;
  }
}
.home-lead__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 1025px) {
  .home-lead__inner {
    margin: var(--g-spacing-l) 0;
    display: block;
  }
}
.home-lead__body {
  padding: 0 var(--g-var-grid-col-gap-sp);
}
.home-lead__text {
  font-family: var(--g-font-family-jp);
  font-size: var(--g-font-size-m);
  line-height: var(--t-lineheight-m);
  text-align: center;
}
.home-lead .font-b {
  font-size: var(--g-font-size-l);
}
.home-lead .font-fu {
  font-family: var(--g-font-family-en-sub);
}

/* ------------------------
category
------------------------ */
.sec-category {
  position: sticky;
  order: 1;
  width: 100%;
  height: 100lvh;
  top: 0;
  left: 0;
  grid-column: 1/span 4;
  border-right: 1px solid var(--c-textsub);
}
@media (max-width: 1025px) {
  .sec-category {
    position: relative;
    height: 100%;
    order: 2;
    border: none;
  }
}
.sec-category__inner {
  padding: 0 var(--g-var-grid-col-pc);
  display: flex;
  justify-content: center;
  height: 100lvh;
  align-items: center;
}
@media (max-width: 1025px) {
  .sec-category__inner {
    height: 100%;
    margin-bottom: var(--g-spacing-xl);
    display: block;
  }
}
.sec-category__body {
  justify-content: center;
  align-items: center;
  position: relative;
  display: grid;
  column-gap: var(--g-var-grid-col-gap-pc);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1025px) {
  .sec-category__body {
    column-gap: var(--g-var-grid-col-gap-sp);
    padding: 6rem 0 var(--g-spacing-m) 0;
  }
}
.sec-category__body-vertical {
  width: 0.1rem;
  height: 4rem;
  background-color: var(--c-text1);
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
}
.sec-category__body-bg {
  position: absolute;
  grid-column: 1/span 3;
  background-color: var(--c-cate);
  width: 100%;
  height: 100lvh;
  z-index: -1;
}
@media (max-width: 1025px) {
  .sec-category__body-bg {
    grid-column: 1/span 3;
    margin-left: var(--gx);
    height: 100%;
  }
}
.sec-category__body-heading {
  grid-column: 1/span 4;
  margin-bottom: var(--g-spacing-s);
}
.sec-category__body-heading p {
  text-align: center;
  font-family: var(--g-font-family-en);
  font-size: 3.2rem;
}
.sec-category__body-cate {
  padding: 0 var(--g-var-grid-col-gap-pc);
  grid-column: 1/span 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .sec-category__body-cate {
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-category__body-cate__item {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.sec-category__body-cate__item.cate1 {
  position: relative;
  grid-column: 1/span 2;
}
.sec-category__body-cate__item.cate1 span {
  position: absolute;
  background-color: var(--c-text1);
}
.sec-category__body-cate__item.cate1 span:nth-child(1) {
  top: 0;
  left: 0;
  height: 2rem;
  width: 0.1rem;
}
.sec-category__body-cate__item.cate1 span:nth-child(2) {
  top: 0;
  left: 0;
  height: 0.1rem;
  width: 2rem;
}
.sec-category__body-cate__item.cate1 span:nth-child(3) {
  bottom: 0;
  right: 0;
  height: 0.1rem;
  width: 2rem;
}
.sec-category__body-cate__item.cate1 span:nth-child(4) {
  bottom: 0;
  right: 0;
  height: 2rem;
  width: 0.1rem;
}
.sec-category__body-cate__item.cate3 {
  grid-column: 1/span 2;
}
.sec-category__body-cate__item.cate2 {
  grid-column: 3/span 2;
}
.sec-category__body-cate__item.cate4 {
  grid-column: 3/span 2;
}
.sec-category__body-cate__text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: var(--g-font-size-l);
  color: var(--c-text2);
  font-family: var(--g-font-family-en);
  z-index: 2;
}
.sec-category__body-cate__view {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: var(--g-font-size-s);
  color: var(--c-text2);
  font-family: var(--g-font-family-en);
}
.sec-category .c-b {
  color: var(--c-text1);
}

/* ------------------------
Key Word
------------------------ */
.sec-keyword {
  order: 3;
  position: relative;
  width: 100%;
  grid-column: 5/span 8;
  margin-bottom: var(--g-spacing-xl);
}
@media (max-width: 1025px) {
  .sec-keyword {
    grid-column: 1/span 4;
    height: 100%;
  }
}
.sec-keyword__inner {
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .sec-keyword__inner {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-keyword__horizontal {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  row-gap: var(--g-var-grid-col-gap-pc);
  grid-column: 2/span 6;
  margin-bottom: var(--g-spacing-m);
}
@media (max-width: 1025px) {
  .sec-keyword__horizontal {
    grid-column: 1/span 4;
    grid-template-columns: repeat(4, 1fr);
    row-gap: var(--g-var-grid-col-gap-sp);
    margin-bottom: var(--g-spacing-m);
  }
}
.sec-keyword__horizontal span:nth-child(1) {
  border: var(--c-text1) 0.4rem solid;
  grid-column: 2/span 6;
}
@media (max-width: 1025px) {
  .sec-keyword__horizontal span:nth-child(1) {
    grid-column: 1/span 4;
    border: var(--c-text1) 0.2rem solid;
  }
}
.sec-keyword__horizontal span:nth-child(2) {
  border: var(--c-text1) 0.1rem solid;
  grid-column: 3/span 4;
}
@media (max-width: 1025px) {
  .sec-keyword__horizontal span:nth-child(2) {
    grid-column: 2/span 2;
  }
}
.sec-keyword__body {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-col-gap-pc);
  margin: 0 -2rem;
}
@media (max-width: 1025px) {
  .sec-keyword__body {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-spacing-s);
    margin: 0 -1rem;
  }
}
.sec-keyword__body-keytext {
  grid-column: 3/span 4;
}
@media (max-width: 1025px) {
  .sec-keyword__body-keytext {
    grid-column: 1/span 4;
  }
}
.sec-keyword__body-key {
  text-align: center;
  font-family: var(--g-font-family-en);
  font-size: var(--g-font-size-s);
  color: var(--c-text1);
  margin-bottom: var(--gy);
}
.sec-keyword__body-text {
  text-align: center;
  font-family: var(--g-font-family-en);
  font-size: var(--g-font-size-2xl);
  margin-bottom: var(--gy);
  letter-spacing: -0.2rem;
}
.sec-keyword__body-staff {
  grid-column: 1/span 8;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-col-gap-pc);
  align-items: center;
  margin-top: -3rem;
}
@media (max-width: 1025px) {
  .sec-keyword__body-staff {
    grid-column: 1/span 4;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-keyword__body-staff__img {
  grid-column: 2/span 1;
}
@media (max-width: 1025px) {
  .sec-keyword__body-staff__img {
    grid-column: 2/span 2;
    width: 50%;
    margin: 0 auto;
  }
}
.sec-keyword__body-staff__text {
  font-size: var(--g-font-size-m);
  font-family: var(--g-font-family-en);
  color: var(--c-textsub);
  text-align: right;
  grid-column: 3/span 1;
}
@media (max-width: 1025px) {
  .sec-keyword__body-staff__text {
    grid-column: 1/span 4;
    text-align: center;
  }
}
.sec-keyword__body-staff__name {
  font-size: var(--g-font-size-m);
  font-family: var(--g-font-family-en);
  color: var(--c-text1);
  text-align: center;
  grid-column: 4/span 2;
}
@media (max-width: 1025px) {
  .sec-keyword__body-staff__name {
    grid-column: 1/span 4;
  }
}
.sec-keyword__body-staff__in {
  display: block;
  font-size: var(--g-font-size-m);
  font-family: var(--g-font-family-en);
  color: var(--c-text1);
  text-align: left;
  grid-column: 6/span 2;
}
@media (max-width: 1025px) {
  .sec-keyword__body-staff__in {
    grid-column: 1/span 4;
    text-align: center;
  }
}
.sec-keyword__body-items {
  grid-column: 1/span 8;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .sec-keyword__body-items {
    grid-column: 1/span 4;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-keyword__body-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-row-gap-sp);
  padding-bottom: 2rem;
}
.sec-keyword__body-item:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out; /* 0.3秒で滑らかに変化 */
  cursor: pointer;
}
@media (max-width: 1025px) {
  .sec-keyword__body-item {
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-keyword__body-item:nth-child(1) {
  grid-column: 1/span 2;
  order: 1;
}
.sec-keyword__body-item:nth-child(2) {
  grid-column: 3/span 2;
  order: 2;
}
.sec-keyword__body-item:nth-child(3) {
  grid-column: 5/span 2;
  order: 3;
}
@media (max-width: 1025px) {
  .sec-keyword__body-item:nth-child(3) {
    grid-column: 1/span 2;
  }
}
.sec-keyword__body-item:nth-child(4) {
  grid-column: 7/span 2;
  order: 4;
}
@media (max-width: 1025px) {
  .sec-keyword__body-item:nth-child(4) {
    grid-column: 3/span 2;
  }
}
.sec-keyword__body-item a {
  grid-column: 1/span 2;
  display: grid;
  color: var(--c-text1);
}
.sec-keyword__body-item a p:nth-child(2) {
  color: var(--c-textsub);
  border-bottom: var(--c-textsub) 1px solid;
}
.sec-keyword__body-item a p:nth-child(3) {
  color: var(--c-textsub);
  border-bottom: var(--c-textsub) 1px solid;
}
.sec-keyword__body-item__img {
  position: relative;
  width: 100%;
  height: 100%;
  grid-column: 1/span 2;
}
.sec-keyword .btn-details {
  color: var(--c-text2);
  position: absolute;
  bottom: var(--gy);
  right: var(--gx);
}
.sec-keyword .btn-details span {
  background-color: var(--c-text2);
  display: block;
  position: absolute; /* 中央に配置するために必要 */
  top: 50%; /* 親要素内で中央揃え */
  left: 50%;
  transform: translate(-50%, -50%); /* 中央揃え */
}
.sec-keyword .btn-details span:nth-child(1) {
  width: 2rem;
  height: 0.1rem;
}
.sec-keyword .btn-details span:nth-child(2) {
  width: 0.1rem;
  height: 2rem;
}
.sec-keyword .btn-details p {
  margin-top: 3rem;
}
.sec-keyword__body-item__text {
  grid-column: 1/span 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gy);
  font-size: var(--g-font-size-m);
  font-family: var(--g-font-family-en);
}
.sec-keyword__body-item__text .flex {
  display: flex;
  gap: var(--gx);
  align-items: center;
}
.sec-keyword__body-item__text .border {
  width: 100%;
  border-top: 1px solid black; /* 上の線 */
  border-bottom: 1px solid black; /* 下の線 */
  padding: var(--gy) 0; /* 線とテキストの間隔 */
  display: inline-block; /* 幅をテキストに合わせる */
  text-align: center;
}

/* ------------------------
scene別
------------------------ */
.sec-scene {
  order: 4;
  position: relative;
  width: 100%;
  height: 100%;
  grid-column: 1/span 12;
}
@media (max-width: 1025px) {
  .sec-scene {
    grid-column: 1/span 4;
  }
}
.sec-scene__inner {
  margin-top: var(--g-spacing-xl);
  padding: 0 var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .sec-scene__inner {
    padding: 0 var(--g-var-grid-col-gap-sp);
    margin-top: 0;
  }
}
.sec-scene__body {
  width: 100%;
  height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  padding: var(--g-spacing-s) 0 var(--g-spacing-l) 0;
}
@media (max-width: 1025px) {
  .sec-scene__body {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    padding: var(--g-spacing-s) 0;
  }
}
.sec-scene__body-bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: calc(100% + 1rem);
  background-color: var(--c-summary);
  grid-column: 1/span 5;
}
@media (max-width: 1025px) {
  .sec-scene__body-bg {
    grid-column: 2/span 3;
  }
}
.sec-scene__body-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gy);
  grid-column: 5/span 4;
  margin-bottom: var(--g-spacing-s);
}
@media (max-width: 1025px) {
  .sec-scene__body-title {
    grid-column: 1/span 4;
    margin-bottom: var(--g-spacing-s);
  }
}
.sec-scene__body-title p {
  text-align: center;
  font-family: var(--g-font-family-en);
  color: var(--c-text1);
}
.sec-scene__body-title p:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gx);
  font-size: var(--g-font-size-s);
}
.sec-scene__body-title p:nth-child(1) span {
  display: block;
  width: 1rem;
  height: 0.1rem;
  background-color: var(--c-text1);
}
.sec-scene__body-title p:nth-child(2) {
  font-size: var(--g-font-size-xl);
}
.sec-scene__body-title__horizontal1 {
  width: 23rem;
  height: 0.1rem;
  background-color: var(--c-text1);
}
@media (max-width: 1025px) {
  .sec-scene__body-title__horizontal1 {
    width: 18rem;
  }
}
.sec-scene__body-title__horizontal2 {
  width: 23rem;
  height: 0.2rem;
  background-color: var(--c-text1);
}
@media (max-width: 1025px) {
  .sec-scene__body-title__horizontal2 {
    width: 18rem;
  }
}
.sec-scene__body-items {
  display: grid;
  width: 100%;
  grid-column: 1/span 12;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .sec-scene__body-items {
    grid-column: 1/span 4;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-spacing-s);
  }
}
.sec-scene__body-item {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-row-gap-pc);
}
.sec-scene__body-item:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out; /* 0.3秒で滑らかに変化 */
  cursor: pointer;
}
@media (max-width: 1025px) {
  .sec-scene__body-item {
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-var-grid-row-gap-sp);
  }
}
.sec-scene__body-item:nth-child(1) {
  grid-column: 1/span 4;
}
.sec-scene__body-item:nth-child(2) {
  grid-column: 5/span 4;
}
@media (max-width: 1025px) {
  .sec-scene__body-item:nth-child(2) {
    grid-column: 1/span 4;
  }
}
.sec-scene__body-item:nth-child(3) {
  grid-column: 9/span 4;
}
@media (max-width: 1025px) {
  .sec-scene__body-item:nth-child(3) {
    grid-column: 1/span 4;
  }
}
.sec-scene__body-item__img {
  grid-column: 1/span 4;
}
@media (max-width: 1025px) {
  .sec-scene__body-item__img.img1 {
    grid-column: 1/span 3;
  }
}
@media (max-width: 1025px) {
  .sec-scene__body-item__img.img2 {
    grid-column: 2/span 3;
  }
}
@media (max-width: 1025px) {
  .sec-scene__body-item__img.img3 {
    grid-column: 1/span 3;
  }
}
.sec-scene__body-item__text {
  width: 100%;
  grid-column: 1/span 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-row-gap-pc);
  align-items: center;
  gap: var(--g-var-grid-row-gap-pc);
}
@media (max-width: 1025px) {
  .sec-scene__body-item__text {
    row-gap: var(--g-var-grid-row-gap-sp);
    column-gap: var(--g-var-grid-col-gap-sp);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.sec-scene__body-item__text p {
  color: var(--c-text1);
  grid-column: 2/span 2;
  text-align: center;
}
@media (max-width: 1025px) {
  .sec-scene__body-item__text p {
    grid-column: 1/span 4;
  }
}
.sec-scene__body-item__text p:nth-child(1) {
  font-family: var(--g-font-family-en);
  font-size: var(--g-font-size-m);
}
.sec-scene__body-item__text p:nth-child(2) {
  font-family: var(--g-font-family-jp);
  font-size: var(--g-font-size-m);
}
.sec-scene__body-item__text p:nth-child(3) {
  font-family: var(--g-font-family-en);
  font-size: var(--g-font-size-s);
  background-color: var(--c-text2);
  border: var(--c-text1) 1px solid;
  padding: var(--gy) 0;
}
@media (max-width: 1025px) {
  .sec-scene__body-item__text.text1 {
    grid-column: 3/span 2;
  }
}
@media (max-width: 1025px) {
  .sec-scene__body-item__text.text2 {
    grid-column: 1/span 2;
  }
}
@media (max-width: 1025px) {
  .sec-scene__body-item__text.text3 {
    grid-column: 3/span 2;
  }
}

/* ------------------------
footer
------------------------ */
.g-footer__inner {
  width: 100%;
  height: 100lvh;
  margin-top: var(--g-spacing-xl);
  padding: var(--g-var-grid-col-gap-pc);
}
@media (max-width: 1025px) {
  .g-footer__inner {
    margin-top: var(--g-spacing-l);
    padding: var(--g-var-grid-col-gap-sp);
    height: 125lvh;
  }
}
.g-footer__body {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-row-gap-pc);
}
@media (max-width: 1025px) {
  .g-footer__body {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-var-grid-row-gap-sp);
  }
}
.g-footer__body-box1 {
  grid-column: 1/span 4;
  grid-row: 1/span 1;
  border: #999 0.1rem solid;
}
.g-footer__body-box2 {
  grid-column: 5/span 4;
  grid-row: 1/span 1;
  border: #999 0.1rem solid;
}
@media (max-width: 1025px) {
  .g-footer__body-box2 {
    grid-column: 1/span 4;
    grid-row: 2/span 1;
  }
}
.g-footer__body-box3 {
  grid-column: 9/span 4;
  grid-row: 1/span 1;
}
@media (max-width: 1025px) {
  .g-footer__body-box3 {
    grid-column: 1/span 4;
    grid-row: 3/span 1;
  }
}
.g-footer__body-box4 {
  grid-column: 1/span 12;
  grid-row: 2/span 1;
}
@media (max-width: 1025px) {
  .g-footer__body-box4 {
    grid-column: 1/span 4;
    grid-row: 4/span 1;
  }
}
.g-footer__body-box5 {
  grid-column: 1/span 12;
  grid-row: 3/span 1;
}
@media (max-width: 1025px) {
  .g-footer__body-box5 {
    grid-column: 1/span 4;
    grid-row: 5/span 1;
  }
}
.g-footer__body-box1__body, .g-footer__body-box2__body, .g-footer__body-box3__body {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  padding: 0 var(--gx);
}
@media (max-width: 1025px) {
  .g-footer__body-box1__body, .g-footer__body-box2__body, .g-footer__body-box3__body {
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.g-footer__body-box4__body {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-footer__body-box5__body {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.g-footer__body-box1__text, .g-footer__body-box2__text {
  grid-column: 1/span 2;
  color: var(--c-text1);
  display: flex;
  gap: var(--gy);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.g-footer__body-box1__text p, .g-footer__body-box2__text p {
  word-spacing: var(--gx);
  font-family: var(--g-font-family-en);
}
.g-footer__body-box1__text p:nth-child(1), .g-footer__body-box2__text p:nth-child(1) {
  font-size: var(--g-font-size-s);
}
.g-footer__body-box1__text p:nth-child(2), .g-footer__body-box2__text p:nth-child(2) {
  font-size: var(--g-font-size-xs);
}
.g-footer__body-box1__img {
  grid-column: 3/span 2;
  width: calc(100% + 1rem);
  height: 100%;
  margin-right: -1rem;
  background-image: url(../images/footer_1.jpg);
  background-size: cover;
  background-position: center;
}
.g-footer__body-box2__img {
  grid-column: 3/span 2;
  width: calc(100% + 1rem);
  height: 100%;
  margin-right: -1rem;
  background-image: url(../images/footer_2.jpg);
  background-size: cover;
  background-position: center;
}
.g-footer__body-box3__img {
  grid-column: 1/span 4;
  width: calc(100% + 2rem);
  height: 100%;
  margin-left: -1rem;
  margin-right: -1rem;
  background-size: cover;
  background-position: center;
  background-image: url(../images/footer_3.jpg);
}
.g-footer__body-box1__btn, .g-footer__body-box2__btn, .g-footer__body-box3__btn {
  width: calc(100% + 1rem);
  position: absolute;
  bottom: 0;
  grid-column: 3/span 2;
  display: flex;
  gap: var(--gx);
  justify-content: center;
  align-items: center;
  color: var(--c-text2);
  background-color: var(--c-text1);
  padding: var(--gy) 0;
  font-family: var(--g-font-family-en-sub);
  font-size: var(--g-font-size-s);
}
.g-footer__body-box4__btn {
  display: flex;
  gap: var(--gx);
  color: var(--c-text1);
  font-family: var(--g-font-family-jp);
  font-size: var(--g-font-size-s);
}
.g-footer__body-box5-icon {
  display: flex;
  gap: 3rem;
  align-items: center;
}
.g-footer__body-box5-logo {
  width: 13rem;
}

/* ------------------------
modal
------------------------ */
/* 初期状態: モーダルを非表示 */
.sec-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* モーダルの表示 */
.sec-modal {
  display: none;
  background-color: var(--c-text2);
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  z-index: 1000;
}
@media (max-width: 1025px) {
  .sec-modal {
    height: 100%;
  }
}
.sec-modal.active {
  display: block;
}
.sec-modal__inner {
  width: 100%;
  height: 100%;
  position: relative;
  border-width: var(--g-var-grid-col-gap-pc);
  border: var(--g-var-grid-col-gap-pc) solid;
}
@media (max-width: 1025px) {
  .sec-modal__inner {
    border: var(--g-var-grid-col-gap-sp) solid;
    height: auto;
  }
}
.sec-modal__body {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  overflow-y: auto;
}
@media (max-width: 1025px) {
  .sec-modal__body {
    height: 100%;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
  }
}
.sec-modal__body-closebtn {
  position: fixed;
  top: 3rem;
  right: 6rem;
  width: 3rem; /* ボタンの幅 */
  height: 3rem; /* ボタンの高さ */
  cursor: pointer; /* ポインターに変化 */
}
@media (max-width: 1025px) {
  .sec-modal__body-closebtn {
    top: 2rem;
    right: 2rem;
    z-index: 2;
  }
}
.sec-modal__body-closebtn span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 0.1rem;
  background-color: var(--c-textsub);
  transform-origin: center; /* 回転の基準点 */
  transition: 0.3s ease; /* アニメーション用 */
}
.sec-modal__body-closebtn span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg); /* 右上から左下の線 */
}
.sec-modal__body-closebtn span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg); /* 左上から右下の線 */
}
.sec-modal__body-items1 {
  grid-column: 1/span 6;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-row-gap-pc);
  justify-content: center;
  align-items: center;
  align-self: center;
  overflow-y: auto;
}
@media (max-width: 1025px) {
  .sec-modal__body-items1 {
    grid-template-columns: repeat(4, 1fr);
    grid-column: 1/span 4;
    column-gap: var(--g-var-grid-col-gap-sp);
    row-gap: var(--g-var-grid-row-gap-sp);
    padding: var(--g-spacing-s) 0;
  }
}
.sec-modal__body-title {
  grid-column: 2/span 4;
  display: flex;
  gap: var(--g-var-grid-row-gap-pc);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1025px) {
  .sec-modal__body-title {
    grid-column: 2/span 2;
  }
}
.sec-modal__body-title p {
  text-align: center;
  color: var(--c-text1);
}
.sec-modal__body-title p:nth-child(1) {
  width: 100%;
  font-family: var(--g-font-family-en);
  font-size: var(--g-font-size-s);
  border-top: var(--c-text1) 0.1rem solid;
  border-bottom: var(--c-text1) 0.1rem solid;
  padding: var(--gy);
}
.sec-modal__body-title p:nth-child(2) {
  font-family: var(--g-font-family-jp);
  font-size: var(--g-font-size-l);
}
.sec-modal__body-img {
  grid-column: 2/span 4;
}
@media (max-width: 1025px) {
  .sec-modal__body-img {
    grid-column: 1/span 4;
    padding: var(--g-var-grid-row-gap-pc) 0;
  }
}
.sec-modal__body-text {
  grid-column: 2/span 4;
  text-align: center;
  font-size: var(--g-font-size-m);
  font-family: var(--g-font-family-jp);
}
@media (max-width: 1025px) {
  .sec-modal__body-text {
    grid-column: 1/span 4;
  }
}
.sec-modal__body-items2 {
  grid-column: 7/span 6;
  display: grid;
}
@media (max-width: 1025px) {
  .sec-modal__body-items2 {
    grid-column: 1/span 4;
    padding-bottom: var(--g-spacing-s);
  }
}
.sec-modal__body-credits {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: var(--g-var-grid-col-gap-pc);
  row-gap: var(--g-var-grid-row-gap-pc);
  padding-left: var(--g-var-grid-col-gap-pc);
  align-self: center;
}
@media (max-width: 1025px) {
  .sec-modal__body-credits {
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--g-var-grid-col-gap-sp);
    height: 100%;
    overflow-y: visible; /* コンテンツが溢れてもスクロールバーを表示しない */
    padding-left: 0;
  }
}
.sec-modal__body-credittitle {
  grid-column: 3/span 2;
  color: var(--c-text2);
  background-color: var(--c-text1);
  height: 3rem;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1025px) {
  .sec-modal__body-credittitle {
    margin-top: -1rem;
    grid-column: 2/span 2;
  }
}
.sec-modal__body-credittitle p {
  font-family: var(--g-font-family-en);
  font-size: var(--g-font-size-m);
}
.sec-modal__body-credit {
  text-align: center;
}
.sec-modal__body-credit:nth-child(2) {
  grid-column: 1/span 2;
}
.sec-modal__body-credit:nth-child(3) {
  grid-column: 3/span 2;
}
.sec-modal__body-credit:nth-child(4) {
  grid-column: 5/span 2;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit:nth-child(4) {
    grid-column: 1/span 2;
  }
}
.sec-modal__body-credit:nth-child(5) {
  grid-column: 1/span 2;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit:nth-child(5) {
    grid-column: 3/span 2;
  }
}
.sec-modal__body-credit:nth-child(6) {
  grid-column: 3/span 2;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit:nth-child(6) {
    grid-column: 1/span 2;
  }
}
.sec-modal__body-credit:nth-child(7) {
  grid-column: 5/span 2;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit:nth-child(7) {
    grid-column: 3/span 2;
  }
}
.sec-modal__body-credit:nth-child(8) {
  grid-column: 1/span 2;
}
.sec-modal__body-credit2 {
  text-align: center;
}
.sec-modal__body-credit2:nth-child(2) {
  grid-column: 1/span 1;
}
.sec-modal__body-credit2:nth-child(3) {
  grid-column: 2/span 1;
}
.sec-modal__body-credit2:nth-child(4) {
  grid-column: 3/span 1;
}
.sec-modal__body-credit2:nth-child(5) {
  grid-column: 4/span 1;
}
.sec-modal__body-credit2:nth-child(6) {
  grid-column: 5/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(6) {
    grid-column: 1/span 1;
  }
}
.sec-modal__body-credit2:nth-child(7) {
  grid-column: 6/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(7) {
    grid-column: 2/span 1;
  }
}
.sec-modal__body-credit2:nth-child(8) {
  grid-column: 1/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(8) {
    grid-column: 3/span 1;
  }
}
.sec-modal__body-credit2:nth-child(9) {
  grid-column: 2/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(9) {
    grid-column: 4/span 1;
  }
}
.sec-modal__body-credit2:nth-child(10) {
  grid-column: 3/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(10) {
    grid-column: 1/span 1;
  }
}
.sec-modal__body-credit2:nth-child(11) {
  grid-column: 4/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(11) {
    grid-column: 2/span 1;
  }
}
.sec-modal__body-credit2:nth-child(12) {
  grid-column: 5/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(12) {
    grid-column: 3/span 1;
  }
}
.sec-modal__body-credit2:nth-child(13) {
  grid-column: 6/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(13) {
    grid-column: 4/span 1;
  }
}
.sec-modal__body-credit2:nth-child(14) {
  grid-column: 1/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(14) {
    grid-column: 1/span 1;
  }
}
.sec-modal__body-credit2:nth-child(15) {
  grid-column: 2/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(15) {
    grid-column: 2/span 1;
  }
}
.sec-modal__body-credit2:nth-child(16) {
  grid-column: 3/span 1;
}
@media (max-width: 1025px) {
  .sec-modal__body-credit2:nth-child(16) {
    grid-column: 3/span 1;
  }
}
.sec-modal__body-credit a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gy);
  color: var(--c-text1);
  font-family: var(--g-font-family-en-sub);
  font-size: var(--g-font-size-m);
}
.sec-modal__body-credit2 a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--c-text1);
  font-family: var(--g-font-family-en-sub);
  font-size: var(--g-font-size-s);
}
.sec-modal__body-subcredit {
  grid-column: 1/span 6;
  color: var(--c-textsub);
  font-size: var(--g-font-size-s);
  font-family: var(--g-font-family-en-sub);
}
@media (max-width: 1025px) {
  .sec-modal__body-subcredit {
    grid-column: 1/span 4;
  }
}

.border-1 {
  border-color: var(--c-sec1);
}

.border-2 {
  border-color: var(--c-sec2);
}

.border-3 {
  border-color: var(--c-sec3);
}

.sec-modal__body-credits {
  scrollbar-width: none; /* Firefox用 */
  -ms-overflow-style: none; /* IE/Edge用 */
}

.sec-modal__body-credits::-webkit-scrollbar {
  display: none; /* Webkitブラウザ用 */
}

/* ------------------------
swiper
------------------------ */
.swiper-container {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.sec-modal__body-dot {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.sec-modal__body-dot .swiper-pagination-bullet {
  width: 2rem; /* 長方形の幅 */
  height: 0.2rem; /* 高さ */
  background-color: #ccc;
  border-radius: 0;
  margin: 0 5px;
  opacity: 0.7;
  overflow: hidden; /* アニメーションのはみ出し防止 */
  position: relative;
}
.sec-modal__body-dot .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%; /* 初期幅 */
  background-color: #333; /* 溜まる色 */
  transition: width 0.3s ease-in-out;
}
.sec-modal__body-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  animation: fill-color 3s linear; /* 3秒で色が溜まる */
}
.sec-modal__body-dot .swiper-pagination-bullet:not(.swiper-pagination-bullet-active)::before {
  animation: none;
}
.sec-modal__body-dot .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  background-color: #aaa; /* ホバー時の色 */
}

/* アニメーション定義 */
@keyframes fill-color {
  0% {
    width: 0%;
  }
  100% {
    width: 100%; /* 色が完全に溜まる */
  }
}/*# sourceMappingURL=style.css.map */