/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */

:root {
  --base-gap: clamp(1rem, 0.636rem + 1.45vw, 2rem);
  /* --color-black: #333;
  --color-black-rgb: 0 0 0;
  --color-646464: #646464;
  --color-646464-rgb: 100 100 100;
  --color-ccc: #ccc;
  --color-ccc-rgb: 204 204 204;
  --color-orange: #f98200;
  --color-orange-rgb: 249 130 0;
   --color-gray: #f5f5f5; 
  --color-gray-rgb: 245 245 245;*/
  --text-en-md: clamp(1.2rem, 1.127rem + 0.29vw, 1.4rem);
  --text-en-lg: clamp(1.4rem, 1.327rem + 0.29vw, 1.6rem);
  --text-en-xl: clamp(2rem, 1.418rem + 2.33vw, 3.6rem);
  --text-ja-sm: clamp(1rem, 0.846rem + 0.62vw, 1.4rem);
  --text-ja-md: clamp(1.2rem, 1.046rem + 0.62vw, 1.6rem);
  --text-ja-lg: clamp(1.4rem, 1.169rem + 0.92vw, 2rem);
  --text-ja-xl: clamp(1.6rem, 1.215rem + 1.54vw, 2.6rem);
  --line-height-sm: 1.4;
  --line-height-md: 1.8;
  --line-height-lg: 2;
  --space-size-xs: clamp(0.5rem, 0.154rem + 0.38vw, 1rem);
  --space-size-sm: clamp(1rem, 0.636rem + 1.45vw, 2rem);
  --space-size-md: clamp(2rem, 1.231rem + 3.08vw, 4rem);
  --space-size-lg: clamp(3rem, 1.846rem + 4.62vw, 6rem);
  --space-size-xl: clamp(5rem, 3.077rem + 7.69vw, 10rem);
}

.u-sp-only {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .u-sp-only {
    display: none;
  }
}
.u-pc-only {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .u-pc-only {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .l-info__inner {
    max-width: 83.3333333333%;
    margin-inline: auto;
  }
}
.l-info__time {
  border-radius: 1rem;
  border: 1px solid var(--color-ccc);
  padding: var(--base-gap);
}
.l-info__time hgroup {
  padding: var(--base-gap);
  text-align: center;
}
.l-info__time hgroup:first-child {
  border-bottom: 1px solid var(--color-ccc);
}

.c-gradient-text {
  background: -webkit-linear-gradient(45deg, #b0fad3 0%, #93da93 25%, #e5ac91 50%, #61bbdc 75%, #329d8e 100%);
  background: linear-gradient(45deg, #b0fad3 0%, #93da93 25%, #e5ac91 50%, #61bbdc 75%, #329d8e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.c-gradient-text * {
  background: -webkit-linear-gradient(45deg, #b0fad3 0%, #93da93 25%, #e5ac91 50%, #61bbdc 75%, #329d8e 100%);
  background: linear-gradient(45deg, #b0fad3 0%, #93da93 25%, #e5ac91 50%, #61bbdc 75%, #329d8e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.c-button-64 {
  background-color: var(--color-646464);
  color: #fff;
  padding: 1rem 1.5rem;
  border-radius: 100vh;
  inline-size: min(100%, 20rem);
  text-box: trim-both cap alphabetic;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-info {
  -webkit-margin-after: var(--space-size-lg);
  margin-block-end: var(--space-size-lg);
}
l-info h @media only screen and (min-width: 1025px) {
  .l-info {
    max-width: 83.3333333333%;
    margin-inline: auto;
  }
}
.l-info h2,
.l-info h3 {
  font-weight: bold;
}
.l-info__time {
  border-radius: 1rem;
  border: 1px solid #dcdcdc;
  margin-top: 5rem;
}

.l-info__time hgroup {
  padding: var(--base-gap);
  text-align: center;
}

.l-info__time hgroup:first-child {
  border-bottom: 1px solid var(--color-gray);
}

.l-info__time--jp h2,
.l-info__time--en h2 {
  -webkit-margin-after: var(--space-size-sm);
  margin-block-end: var(--space-size-sm);
  font-weight: bold;
}

.l-info__time--jp h3,
.l-info__time--en h3 {
  -webkit-margin-after: var(--space-size-sm);
  margin-block-end: var(--space-size-sm);
  font-weight: bold;
  margin-bottom: 1rem;
}

.l-info__time--jp h2 {
  font-size: var(--text-ja-md);
}

.l-info__time--jp h3 {
  font-size: var(--text-ja-lg);
}

.l-info__time--jp h3 span {
  font-size: 140%;
}

.l-info__time--en h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: var(--text-en-md);
}

.l-info__time--en h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: var(--text-en-lg);
}
.l-info__time--jp small {
  font-size: 1em;
}
.l-info__time--en small {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1em;
}
