@charset "UTF-8";
/* ------------------------------------

colors setting

------------------------------------ */
/* ------------------------------------

colors setting の変数ではなく
下記の左側の変数をcssで指定する

×：$black
◯：$dark-text

------------------------------------ */
/*  text-color
*----------------------------------- */
/*  background-color
*----------------------------------- */
/*  border-color
*----------------------------------- */
/*  system-color
*----------------------------------- */
/*  cv
*----------------------------------- */
/*  footer
*----------------------------------- */
/*  menu
*----------------------------------- */
/*  new icon
*----------------------------------- */
/*  horizontal
*----------------------------------- */
/*  slick-color
*----------------------------------- */
.en {
  font-family: "hanken-grotesk", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.en02 {
  font-family: "alternate-gothic-no-2-d", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.yakuhan {
  font-family: "YakuHanJP", "ryo-gothic-plusn", sans-serif;
}

/* mobile */
.mv {
  margin-bottom: 19px;
}

.movie {
  position: relative;
}
.movie__iframe {
  position: relative;
  aspect-ratio: 1440/549;
  overflow: hidden;
}
@media (max-width: 767px) {
  .movie__iframe {
    aspect-ratio: 390/227;
    margin-bottom: 5.3846153846dvw;
  }
}
.movie__iframe iframe {
  pointer-events: none;
  width: 148%;
  height: 148%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .movie__iframe iframe {
    max-width: 139%;
    width: 139%;
    height: 139%;
  }
}
.movie__iframe a {
  position: absolute;
  z-index: 100;
  bottom: 29px;
  left: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  min-width: 228px;
  min-height: 44px;
  background: #fbf2e6;
  border: 2px solid #fe0133;
  font-size: 1.7rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .movie__iframe a {
    left: 3.3333333333dvw;
    bottom: 3.3333333333dvw;
    min-width: 46.1538461538dvw;
    min-height: 7.6923076923dvw;
    font-size: 14px;
    font-size: 3.5897435897dvw;
    gap: 1.7948717949dvw;
    border: 0.5128205128dvw solid #fe0133;
  }
}
@media (max-width: 767px) {
  .movie__iframe a img {
    width: 5.1282051282dvw;
  }
}

@media (min-width: 768px) {
  .topic {
    position: fixed;
    right: 35px;
    bottom: 30px;
    z-index: 1000;
  }
}
@media (max-width: 767px) {
  .topic {
    width: 91.2820512821dvw;
    margin: 0 auto;
  }
}
.topic a {
  display: grid;
  align-items: center;
  gap: 16px;
  grid-template-columns: 190px auto;
  box-sizing: border-box;
  padding: 13px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .topic a {
    width: 418px;
  }
}
@media (max-width: 767px) {
  .topic a {
    gap: 3.5897435897dvw;
    padding: 4.1025641026dvw 4.358974359dvw 4.8717948718dvw;
    grid-template-columns: 35.3846153846dvw auto;
  }
}
.topic a figure {
  aspect-ratio: 190/119;
  overflow: hidden;
}
@media (max-width: 767px) {
  .topic a figure {
    aspect-ratio: 138/86;
  }
}
.topic a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topic__txt p {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .topic__txt p {
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.topic__data {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 5px;
}
.topic__data time {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media (max-width: 767px) {
  .topic__data time {
    font-size: 12px;
    font-size: 3.0769230769dvw;
  }
}
.topic__data ul li {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .topic__data ul li {
    font-size: 11px;
    font-size: 2.8205128205dvw;
  }
}

#topic-close {
  position: absolute;
  right: -13px;
  top: -11px;
  width: 32px;
  height: 32px;
  background-color: #0f0f0f;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}
@media (max-width: 767px) {
  #topic-close {
    display: none;
  }
}
#topic-close span {
  position: absolute;
  display: block;
  width: 13px;
  height: 1px;
  margin: auto;
  background-color: #fff;
  transform: rotate(45deg);
  inset: 0;
}
#topic-close span:nth-of-type(2) {
  transform: rotate(-45deg);
}
#topic-close:hover {
  opacity: 0.7;
}

.intro {
  margin-bottom: 103px;
  padding: 101px 20px 0;
  background: url("../images/top/bg_intro.png") center top -20px no-repeat;
  background-size: 810px auto;
}
@media (max-width: 767px) {
  .intro {
    margin-bottom: 20.5128205128dvw;
    padding: 15.3846153846dvw 5.1282051282dvw 0;
    background-size: 112.3076923077dvw auto;
    background-position: center top 200px;
  }
}
.intro__ttl {
  width: fit-content;
  margin: 0 auto 32px;
}
@media (max-width: 767px) {
  .intro__ttl {
    margin: 0 auto 10dvw;
  }
}
.intro__txt {
  margin-bottom: 118px;
}
@media (max-width: 767px) {
  .intro__txt {
    margin-bottom: 17.9487179487dvw;
  }
}
.intro__txt p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.3333333333;
}
@media (min-width: 768px) {
  .intro__txt p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .intro__txt p {
    font-size: 18px;
    font-size: 4.6153846154dvw;
  }
}

.intro-slider {
  margin: 0 -20px;
}
@media (max-width: 767px) {
  .intro-slider {
    margin: 0 -5.1282051282dvw;
  }
}
.intro-slider__item img {
  width: auto;
  height: 279px;
}
@media (max-width: 767px) {
  .intro-slider__item img {
    height: 47.1794871795dvw;
  }
}

.vision {
  margin-bottom: 44px;
}
@media (min-width: 768px) {
  .vision {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .vision {
    margin-bottom: 9.7435897436dvw;
  }
}
.vision__ttl {
  margin-bottom: 38px;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 2.1rem;
  font-weight: 500;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .vision__ttl {
    margin-bottom: 6.6666666667dvw;
    font-size: 18px;
    font-size: 4.6153846154dvw;
  }
}
.vision__ttl span {
  display: block;
  margin-bottom: 26px;
  color: #ff691d;
  font-size: 9rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .vision__ttl span {
    margin-bottom: 5.8974358974dvw;
    font-size: 59px;
    font-size: 15.1282051282dvw;
  }
}
.vision__catch {
  width: fit-content;
  margin: 0 auto 29px;
}
@media (max-width: 767px) {
  .vision__catch {
    margin: 0 auto 6.1538461538dvw;
  }
}
@media (min-width: 768px) {
  .vision__txt {
    position: relative;
    z-index: 2;
    margin-bottom: -74px;
  }
}
@media (max-width: 767px) {
  .vision__txt {
    margin: 0 5.1282051282dvw 9.2307692308dvw;
  }
}
.vision__txt p {
  font-size: 1.8rem;
  line-height: 1.8888888889;
}
@media (min-width: 768px) {
  .vision__txt p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .vision__txt p {
    font-size: 18px;
    font-size: 4.6153846154dvw;
  }
}
.vision__img {
  width: fit-content;
  margin: 0 auto;
}

.mission {
  margin-bottom: 75px;
}
@media (max-width: 767px) {
  .mission {
    margin-bottom: 18.4615384615dvw;
  }
}
.mission__wrap {
  display: grid;
  max-width: 1292px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .mission__wrap {
    grid-template-columns: calc(50% + 14px) 1fr;
    width: 94%;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .mission__movie {
    margin: 0 0 16.4102564103dvw 5.1282051282dvw;
  }
}
.mission__txt img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mission__txt img {
    width: 89.7435897436dvw;
  }
}
.mission__ttl {
  display: block;
  margin-bottom: 20px;
  color: #ff691d;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 9rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .mission__ttl {
    font-size: 64px;
    font-size: 16.4102564103dvw;
    margin-bottom: 3.0769230769dvw;
  }
}
.mission__catch {
  margin-bottom: 26px;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .mission__catch {
    margin-bottom: 26px;
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.mission__catch span {
  display: block;
  color: #ff691d;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 6px;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .mission__catch span {
    display: none;
  }
}

.message {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .message {
    margin-bottom: 13.0769230769dvw;
  }
}
.message a {
  display: grid;
  width: 100%;
  max-width: 1292px;
  margin: 0 auto;
  background-color: #fff;
}
@media (min-width: 768px) {
  .message a {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .message a {
    padding-top: 14.1025641026dvw;
    gap: 5.1282051282dvw;
  }
}
@media (min-width: 768px) {
  .message__txt {
    padding-top: 99px;
  }
}
@media (max-width: 767px) {
  .message__txt {
    text-align: center;
  }
}
.message__txt p {
  font-size: 4.2rem;
  font-weight: bold;
  line-height: 1.4285714286;
}
@media (max-width: 767px) {
  .message__txt p {
    font-size: 29px;
    font-size: 7.4358974359dvw;
    line-height: 1.4137931034;
  }
}
.message__ttl {
  margin-bottom: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 767px) {
  .message__ttl {
    margin-bottom: 6.6666666667dvw;
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.message__ttl span {
  display: block;
  margin-bottom: 30px;
  color: #ff691d;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 9rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .message__ttl span {
    margin-bottom: 6.1538461538dvw;
    font-size: 59px;
    font-size: 15.1282051282dvw;
  }
}
.message__name {
  display: block;
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .message__name {
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.message__more {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 27px;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 767px) {
  .message__more {
    margin-top: 3.3333333333dvw;
    justify-content: center;
    font-size: 15px;
    font-size: 3.8461538462dvw;
    gap: 1.7948717949dvw;
  }
}
.message__more::after {
  content: "";
  width: 21px;
  height: 9px;
  background: url("../images/cmn/arrow_orange.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
  .message__more::after {
    width: 5.3846153846dvw;
    height: 2.3076923077dvw;
  }
}
@media (min-width: 768px) {
  .message__img {
    order: -1;
    margin-top: -53px;
  }
}
.message__img img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .message__img img {
    width: 73.3333333333dvw;
  }
}

.interview {
  margin-bottom: 102px;
}
@media (max-width: 767px) {
  .interview {
    margin-bottom: 16.4102564103dvw;
  }
}
.interview img {
  display: block;
  margin: 0 auto 32px;
}
@media (max-width: 767px) {
  .interview img {
    margin: 0 auto 5.1282051282dvw;
  }
}
.interview a {
  position: relative;
  display: grid;
  width: 100%;
  max-width: 306px;
  min-height: 53px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #242424;
  border-radius: 100px;
  font-size: 1.6rem;
  font-weight: bold;
  place-content: center;
}
@media (max-width: 767px) {
  .interview a {
    width: 78.4615384615dvw;
    height: 13.5897435897dvw;
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.interview a::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  display: block;
  width: 16px;
  height: 12px;
  margin: auto;
  background: url("../images/cmn/arrow.svg") center/contain no-repeat;
  filter: invert(62%) sepia(73%) saturate(4519%) hue-rotate(346deg) brightness(101%) contrast(105%);
}
@media (max-width: 767px) {
  .interview a::before {
    right: 6.1538461538dvw;
    width: 4.1025641026dvw;
    height: 3.0769230769dvw;
  }
}

.bnr-link {
  margin-bottom: 186px;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .bnr-link {
    padding: 0 5.1282051282dvw;
    margin-bottom: 19.2307692308dvw;
  }
}

.bnr-link-list {
  display: grid;
  gap: 29px;
  max-width: 1335px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .bnr-link-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .bnr-link-list {
    gap: 5.8974358974dvw;
  }
}
.bnr-link-list img {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .bnr-link-list img {
    margin-bottom: 2.3076923077dvw;
  }
}
.bnr-link-list p {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .bnr-link-list p {
    font-size: 20px;
    font-size: 5.1282051282dvw;
  }
}

.job {
  padding: 0 20px 76px;
  background-color: #efe3d5;
}
@media (max-width: 767px) {
  .job {
    padding: 0 5.1282051282dvw 13.3333333333dvw;
  }
}
.job__ttl {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  transform: translateY(-30px);
  margin-bottom: -5px;
}
@media (max-width: 767px) {
  .job__ttl {
    transform: translateY(-14px);
    margin-bottom: 1.7948717949dvw;
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.job__ttl span {
  display: block;
  margin-bottom: 30px;
  color: #ff691d;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 9rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .job__ttl span {
    margin-bottom: 5.1282051282dvw;
    font-size: 44px;
    font-size: 11.2820512821dvw;
  }
}
.job__txt {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .job__txt {
    margin-bottom: 7.1794871795dvw;
  }
}
.job__txt p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.125;
  text-align: center;
}
@media (max-width: 767px) {
  .job__txt p {
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.job__txt p span {
  padding: 0.475em 1em;
  background-color: #101010;
  color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 767px) {
  .job__txt p span {
    padding: 0.35em 0.3em;
  }
}

.job-list {
  display: grid;
  gap: 22px;
  max-width: 1335px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .job-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .job-list {
    gap: 6.9230769231dvw;
  }
}
.job-list figure {
  position: relative;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .job-list figure {
    margin-bottom: 2.5641025641dvw;
  }
}
.job-list figure figcaption {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  display: grid;
  min-height: 37px;
  margin: 15px 18px;
  background-color: #fff;
  border-radius: 5px;
  font-size: 2.2rem;
  text-align: center;
  place-content: center;
}
@media (max-width: 767px) {
  .job-list figure figcaption {
    margin: 3.8461538462dvw 4.6153846154dvw;
    border-radius: 1.2820512821dvw;
    font-size: 20px;
    font-size: 5.1282051282dvw;
  }
}
.job-list span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .job-list span {
    font-size: 15px;
    font-size: 3.8461538462dvw;
    gap: 2.0512820513dvw;
  }
}
.job-list span::after {
  content: "";
  width: 21px;
  height: 9px;
  background: url("../images/cmn/arrow_orange.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
  .job-list span::after {
    width: 5.3846153846dvw;
    height: 2.3076923077dvw;
  }
}

.news {
  box-sizing: border-box;
  padding: 70px 20px 65px;
}
@media (max-width: 767px) {
  .news {
    padding: 16.4102564103dvw 5.1282051282dvw 16.6666666667dvw;
  }
}
.news__ttl {
  margin-bottom: 34px;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .news__ttl {
    margin-bottom: 10.7692307692dvw;
    text-align: center;
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.news__ttl span {
  display: block;
  margin-bottom: 17px;
  color: #ff691d;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 5.4rem;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .news__ttl span {
    display: block;
    margin-bottom: 6.1538461538dvw;
    font-size: 59px;
    font-size: 15.1282051282dvw;
  }
}
.news__more {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .news__more {
    margin-top: 13.5897435897dvw;
  }
}
.news__more a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: fit-content;
  min-width: 274px;
  min-height: 53px;
  margin: 0 auto;
  border: 1px solid #272727;
  border-radius: 100px;
  font-family: "hanken-grotesk", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 767px) {
  .news__more a {
    min-width: 70.2564102564dvw;
    min-height: 13.5897435897dvw;
    font-size: 15px;
    font-size: 3.8461538462dvw;
    gap: 1.7948717949dvw;
  }
}
.news__more a::after {
  content: "";
  width: 21px;
  height: 9px;
  background: url("../images/cmn/arrow_orange.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
  .news__more a::after {
    width: 5.3846153846dvw;
    height: 2.3076923077dvw;
  }
}

.news-list {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .news-list {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(4, 1fr);
    width: fit-content;
    max-width: 1335px;
    grid-area: list;
  }
}
.news-list__item {
  max-width: 378px;
}
@media (max-width: 767px) {
  .news-list__item {
    max-width: 89.7435897436dvw;
    margin: 0 2.5641025641dvw;
  }
}
.news-list__item figure {
  overflow: hidden;
  margin-bottom: 18px;
  aspect-ratio: 313/202;
}
@media (max-width: 767px) {
  .news-list__item figure {
    margin-bottom: 5.641025641dvw;
  }
}
.news-list__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list__item ul {
  display: flex;
  flex-flow: wrap;
  gap: 0.5em 1em;
  margin-bottom: 0.8em;
  color: #555555;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  .news-list__item ul {
    font-size: 14px;
    font-size: 3.5897435897dvw;
  }
}
.news-list__item p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4666666667;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .news-list__item p {
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.news-list__item time {
  display: block;
  margin-top: 1em;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 767px) {
  .news-list__item time {
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.news-list__item:nth-of-type(even) li {
  color: #799bcb;
}
.news-list .slick-dots {
  position: relative;
  display: flex !important;
  flex-flow: wrap;
  justify-content: center;
  gap: 3.5897435897dvw;
  margin-top: 9.4871794872dvw !important;
  inset: 0;
}
.news-list .slick-dots li,
.news-list .slick-dots button {
  width: 4.1025641026dvw;
  height: 4.1025641026dvw;
  margin: 0;
  padding: 0;
}
.news-list .slick-dots li {
  background-color: #d0d0d0;
}
.news-list .slick-dots li.slick-active {
  background-color: #ff691d;
}

.tiktok {
  box-sizing: border-box;
  min-height: 860px;
  padding: 55px 0 70px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .tiktok {
    padding: 8.2051282051dvw 5.1282051282dvw 12.8205128205dvw;
    min-height: 220.5128205128dvw;
  }
}
.tiktok__catch {
  display: block;
  margin-bottom: 15px;
  color: #ff691d;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 767px) {
  .tiktok__catch {
    margin-bottom: 2.5641025641dvw;
    font-size: 32px;
    font-size: 8.2051282051dvw;
  }
}
.tiktok__ttl {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .tiktok__ttl {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .tiktok__ttl {
    font-size: 22px;
    font-size: 5.641025641dvw;
  }
}
.tiktok__ttl img {
  margin: 0 3px 0 10px;
}
@media (max-width: 767px) {
  .tiktok__ttl img {
    width: 37.6923076923dvw;
  }
}
.tiktok__list {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tiktok__list__cover {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tiktok__list .tiktok__list__item {
  width: 325px;
}
.tiktok__list .tiktok__list__item iframe {
  margin-top: 30px;
  aspect-ratio: 9/16;
}

/*# sourceMappingURL=top.css.map */