@charset "UTF-8";
*,
:after,
:before {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
  min-width: 0;
}

html {
  line-height: 1.15;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  background-color: initial;
  color: inherit;
}

small {
  font-size: 80%;
}

embed,
iframe,
img,
object,
svg {
  vertical-align: bottom;
}

*,
:after,
:before {
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: calc(var(--cw) / var(--dw-sp) * var(--base-font-size));
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-m-plus-1p), "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  height: 100%;
  line-height: 1.6;
  overflow-x: hidden;
}

body,
img {
  width: 100%;
}

img {
  height: auto;
  vertical-align: top;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

li {
  list-style-type: "";
  padding: unset;
}

:where(:-moz-any-link,
button,
[type=button],
[type=reset],
[type=submit],
label[for],
select,
summary,
[role=tab],
[role=button]) {
  cursor: pointer;
}

:where(:any-link,
button,
[type=button],
[type=reset],
[type=submit],
label[for],
select,
summary,
[role=tab],
[role=button]) {
  cursor: pointer;
}

:root {
  --ease-linear: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-in: cubic-bezier(0.42, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.58, 1);
  --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --cw: var(--vw, 1vw) * 100;
  --ch: var(--vh, 1vh) * 100;
  --dw-sp: 375;
  --dw-pc: 1280;
  --base-font-size: 16;
}

.styles_container__J_hZ_ {
  background-color: #fff;
  padding-bottom: 1.5rem;
  padding-top: 1.3125rem;
  position: relative;
}

.styles_inner__Bb33v {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem 0;
}

.styles_link__MFiEa {
  font-size: 0.75rem;
  line-height: 1;
  position: relative;
}

.styles_link__MFiEa > span {
  font-weight: 900;
}

.styles_link__MFiEa > a {
  text-decoration: underline;
}

.styles_copyright__XNjrs {
  font-family: var(--font-inter);
  font-size: 0.5625rem;
  line-height: 1;
  margin-top: 49px;
  text-align: center;
}

.styles_container__NrOh3 {
  display: flex;
  gap: 0 0.625rem;
  justify-content: center;
}

.styles_link__2NkKh {
  transition: 0.3s;
  align-items: center;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 3.75rem;
}

.styles_icon__qb4xK {
  display: block;
  line-height: 0;
}

.styles_icon__qb4xK[data-type=tiktok] {
  width: 1.625rem;
}

.styles_icon__qb4xK[data-type=instagram] {
  width: 1.6875rem;
}

.styles_icon__qb4xK[data-type=youtube] {
  width: 1.8125rem;
}

.styles_icon__qb4xK[data-type=x] {
  width: 1.5rem;
}

.page_container__LLik5 {
  background-color: #333;
  color: #fff;
  padding-bottom: 0;
  padding-top: 5.625rem;
  position: relative;
}

.page_bg__CytUL {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.page_bg__CytUL .page_desktop___aKVx {
  display: none;
}

.page_bg__CytUL img,
.page_bg__CytUL > * {
  height: 100%;
  width: 100%;
}

.page_bg__CytUL img {
  -o-object-fit: cover;
     object-fit: cover;
}

.page_inner__b9Q2Y {
  position: relative;
}

.page_title__m5nyP {
  margin-left: auto;
  margin-right: auto;
  width: 14.75rem;
  width: 64.5333333333vw;
}

.page_body__q2a0r {
  margin-top: 3.2vw;
}

.page_subTitle__x5lll {
  font-size: 1.125rem;
  font-size: 5.0666666667vw;
  font-weight: 800;
  line-height: 1.4;
  margin-top: 2.5rem;
  text-align: center;
}

.page_text__HsUaO {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  width: 88.2666666667vw;
}

.page_banner__4wZcS {
  transition: 0.3s;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  width: 20.6875rem;
}

.page_sns__hIN7c {
  margin-top: 2.5rem;
  margin-top: 0;
}

.page_snsTitle__09VGI {
  font-size: 1.125rem;
  font-size: 5.8666666667vw;
  font-weight: 800;
  line-height: 1.49;
  text-align: center;
}

.page_snsList__oGuge {
  margin-top: 1rem;
}

.page_snsDescription__C69P6 {
  font-size: 0.625rem;
  line-height: 1.5;
  margin-top: 1.0625rem;
  text-align: center;
}

.page_under {
  padding-top: 10.6666666667vw;
  padding-bottom: 16vw;
  background-image: url(../images/bg_sp_under.webp);
  background-size: 118%;
  background-position: top center;
}
.page_banner__top {
  transition: 0.3s;
  opacity: 1;
  display: block;
  margin: 2.875rem 5.8% 5rem;
}
.page_banner__top img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page__activity {
  padding: 10.6666666667vw 0 16vw;
  border-top: 1px solid #616b79;
}
.page__activity__h3 {
  text-align: center;
  font-size: 1.125rem;
  font-size: 5.8666666667vw;
  font-weight: 800;
  line-height: 1;
}
.page__activity__image {
  width: -moz-fit-content;
  width: fit-content;
  height: 26.6666666667vw;
  aspect-ratio: 1/1;
  overflow: hidden;
  align-self: flex-start;
  flex-shrink: 0;
}
.page__activity__image img {
  transition: 0.3s;
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.page__activity__ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 2.9333333333vw 0 5.8666666667vw;
  margin: 5.8666666667vw 0 0;
  gap: 6.1333333333vw;
}
.page__activity__li {
  height: 26.6666666667vw;
  width: 100%;
  background-color: #000;
  border: 0.5px solid #98a4b0;
  transition: 0.3s;
}
.page__activity__li:hover {
  transition: 0.3s;
  opacity: 0.7;
}
.page__activity__li:hover .page__activity__image img {
  transition: 0.3s;
  transform: scale(1.1);
}
.page__activity__a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.page__activity__text {
  padding: 2.1333333333vw 2.1333333333vw;
  width: auto;
}
.page__activity__h4 {
  font-size: 4vw;
  line-height: 1.1rem;
  font-size: 4.4vw;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page__activity__p {
  font-size: 0.8rem;
  font-size: 2.9333333333vw;
  line-height: 1rem;
  line-height: 4vw;
  color: #cccccc;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-top: 0.45rem;
  padding-top: 1.0666666667vw;
  text-align: justify;
}

.u-pcOnly {
  display: none;
}

@media (min-width: 768.02px) {
  .styles_container__J_hZ_ {
    padding-bottom: 2.4375rem;
    padding-top: 2.5625rem;
  }
  .styles_inner__Bb33v {
    flex-direction: row;
    gap: 0 4.0625rem;
    justify-content: center;
  }
  .styles_link__MFiEa {
    font-size: 0.875rem;
  }
  .styles_link__MFiEa:not(:last-child):before {
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
    height: 2.5rem;
    position: absolute;
    right: -2rem;
    top: -0.625rem;
    width: 1px;
  }
  .styles_copyright__XNjrs {
    font-size: 0.6875rem;
  }
  .styles_container__NrOh3 {
    gap: 0 1.4375rem;
  }
  .styles_link__2NkKh {
    width: 9.98125vw;
  }
  .styles_icon__qb4xK[data-type=tiktok] {
    width: 3.3125rem;
  }
  .styles_icon__qb4xK[data-type=instagram] {
    width: 3.375rem;
  }
  .styles_icon__qb4xK[data-type=youtube] {
    width: 3.625rem;
  }
  .styles_icon__qb4xK[data-type=x] {
    width: 3rem;
  }
  html {
    font-size: calc(var(--cw) / var(--dw-pc) * var(--base-font-size));
  }
  .page_container__LLik5 {
    padding-bottom: 0;
    padding-top: 10rem;
  }
  .page_bg__CytUL .page_mobile__ZNyTX {
    display: none;
  }
  .page_bg__CytUL .page_desktop___aKVx {
    display: block;
  }
  .page_title__m5nyP {
    width: 25.125rem;
    width: 32.34375vw;
  }
  .page_body__q2a0r {
    margin-top: 2.734375vw;
  }
  .page_subTitle__x5lll {
    font-size: 2.25rem;
    margin-top: 5rem;
  }
  .page_text__HsUaO .page_mobile__ZNyTX {
    display: none;
  }
  .page_text__HsUaO {
    font-size: 1.25rem;
    line-height: 1.8;
    text-align: left;
    width: 48.125vw;
  }
  .page_banner__4wZcS {
    margin-top: 3.875rem;
    width: 33.75rem;
  }
  .page_sns__hIN7c {
    margin-top: 0;
  }
  .page_snsTitle__09VGI {
    font-size: 2.1875rem;
    line-height: 1.49;
  }
  .page_snsList__oGuge {
    margin-top: 2rem;
  }
  .page_snsDescription__C69P6 {
    font-size: 1rem;
    line-height: 1.38;
    margin-top: 2rem;
  }
  .page_under {
    padding-top: 4.75rem;
    padding-bottom: 5rem;
    background-image: url(../images/bg_pc_under.webp);
    background-size: 111%;
    background-position: top center;
  }
  .page_banner__top {
    display: block;
    margin: 2.875rem auto 10rem;
    height: 8.59375vw;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page_banner__top img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .page__activity {
    padding: 6.25rem 0 6rem;
    border-top: 1px solid #616b79;
  }
  .page__activity__h3 {
    text-align: center;
    font-size: 2.734375vw;
    font-weight: 800;
    line-height: 1;
  }
  .page__activity__image {
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    align-self: flex-start;
    flex-shrink: 0;
  }
  .page__activity__image img {
    transition: 0.3s;
    width: auto;
    height: 100%;
    aspect-ratio: 1/1;
  }
  .page__activity__ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 80%;
    padding: 0;
    margin: 3rem auto 0;
    gap: 2rem 2rem;
  }
  .page__activity__li {
    display: flex;
    flex-direction: row;
    height: 10rem;
    width: calc(50% - 1rem);
    background-color: #000;
    border: 0.5px solid #98a4b0;
    transition: 0.3s;
  }
  .page__activity__li:hover {
    transition: 0.3s;
    opacity: 0.7;
  }
  .page__activity__li:hover .page__activity__image img {
    transition: 0.3s;
    transform: scale(1.1);
  }
  .page__activity__text {
    padding: 1rem 1rem;
    width: auto;
  }
  .page__activity__h4 {
    font-size: 1.375rem;
    line-height: 1.1818181818;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .page__activity__p {
    font-size: 1.171875vw;
    line-height: 1.375rem;
    color: #cccccc;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-top: 0.45rem;
  }
}
@media (any-hover: hover) {
  .styles_link__2NkKh:hover {
    transition: 0.3s;
    opacity: 0.5;
  }
}/*# sourceMappingURL=style.css.map */