@charset "UTF-8";
* {
  box-sizing: border-box;
  word-break: break-word;
}

img {
  max-width: 100%;
}

a.link-tel {
  text-decoration: underline;
}
@media (min-width: 769px) {
  a.link-tel {
    text-decoration: none;
    pointer-events: none;
  }
}

a.disable {
  pointer-events: none;
}

.txt-underline {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .pc-visible {
    display: none;
  }
}

@media (min-width: 769px) {
  .sp-visible {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none; /* リンクを無効化 */
    cursor: default; /* カーソルを通常に */
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes linelink {
  0% {
    background-position: right bottom;
    background-size: 40px 1px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 1px;
  }
  51% {
    background-position: left bottom;
    background-size: 0 1px;
  }
  100% {
    background-position: left bottom;
    background-size: 40px 1px;
  }
}
@-moz-keyframes linelink {
  0% {
    background-position: right bottom;
    background-size: 40px 1px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 1px;
  }
  51% {
    background-position: left bottom;
    background-size: 0 1px;
  }
  100% {
    background-position: left bottom;
    background-size: 40px 1px;
  }
}
@keyframes linelink {
  0% {
    background-position: right bottom;
    background-size: 40px 1px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 1px;
  }
  51% {
    background-position: left bottom;
    background-size: 0 1px;
  }
  100% {
    background-position: left bottom;
    background-size: 40px 1px;
  }
}
@-webkit-keyframes bgSliderL {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  40% {
    opacity: 0;
  }
  51% {
    opacity: 0.3;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes bgSliderL {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  40% {
    opacity: 0;
  }
  51% {
    opacity: 0.3;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes bgSliderL {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  40% {
    opacity: 0;
  }
  51% {
    opacity: 0.3;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes bgMenuSliderL {
  0% {
    opacity: 1;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
    right: 0;
  }
}
@-moz-keyframes bgMenuSliderL {
  0% {
    opacity: 1;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
    right: 0;
  }
}
@keyframes bgMenuSliderL {
  0% {
    opacity: 1;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
    right: 0;
  }
}
@-webkit-keyframes bgSliderR {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@-moz-keyframes bgSliderR {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes bgSliderR {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
/* スプラッシュ背景のシマー（斜めに流れる光）アニメーション */
@-webkit-keyframes splashShimmer {
  0% {
    transform: translate(-60%, -60%);
  }
  100% {
    transform: translate(60%, 60%);
  }
}
@-moz-keyframes splashShimmer {
  0% {
    transform: translate(-60%, -60%);
  }
  100% {
    transform: translate(60%, 60%);
  }
}
@keyframes splashShimmer {
  0% {
    transform: translate(-60%, -60%);
  }
  100% {
    transform: translate(60%, 60%);
  }
}
@-webkit-keyframes splashImgPulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.08);
    filter: brightness(1.08);
  }
}
@-moz-keyframes splashImgPulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.08);
    filter: brightness(1.08);
  }
}
@keyframes splashImgPulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.08);
    filter: brightness(1.08);
  }
}
@-webkit-keyframes loop-slider-text {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@-moz-keyframes loop-slider-text {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes loop-slider-text {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@-webkit-keyframes wave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -50%, 0);
  }
}
@-moz-keyframes wave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -50%, 0);
  }
}
@keyframes wave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -50%, 0);
  }
}
@-webkit-keyframes loop-marquee-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@-moz-keyframes loop-marquee-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes loop-marquee-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
/* 線のアニメーション */
@-webkit-keyframes scrollLine {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
}
@-moz-keyframes scrollLine {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
}
@keyframes scrollLine {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  background: #f5f8f7;
  color: #131313;
  scroll-behavior: auto;
}

.font-roc-grotesk, .wrapper .main-contents .creative-contents .link-to-top a, .wrapper .main-contents .creative-contents .artist-name, .wrapper .main-contents .creative-contents .section-title, .wrapper .main-contents .event-contents .event-item .event-main-col .event-info .event-title, .wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name, .wrapper .main-contents .event-contents .event-item .event-date-col .event-date .day-name, .wrapper .main-contents .event-contents .event-item .event-date-col .event-date .day-num, .wrapper .main-contents .event-contents .event-month-title, .wrapper .main-contents .scroll-indicator span {
  font-family: "roc-grotesk-condensed", sans-serif;
  font-style: normal;
}

.wrapper .mv-contents {
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  .wrapper .mv-contents {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - min(51.7647058824%, 1100px));
    height: 100vh;
    pointer-events: none;
    z-index: 10;
  }
}
@media (min-width: 769px) and (min-width: 2126px) {
  .wrapper .mv-contents {
    width: calc(100% - 1100px);
  }
}
.wrapper .mv-contents .box-in {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrapper .mv-contents .mv-img {
  width: 100%;
  height: 100%;
}
.wrapper .mv-contents .mv-img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.wrapper .mv-contents .mv-img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% top;
}
@media (min-width: 769px) {
  .wrapper .mv-contents .mv-img img {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .wrapper .mv-contents .mv-img {
    position: relative;
    z-index: 25;
  }
}
.wrapper .mv-contents .mv-logo {
  position: absolute;
  top: 25px;
  left: 35px;
  width: 24.9756097561%;
  max-width: 256px;
  pointer-events: auto;
  opacity: 0;
  animation: fadeIn 1s ease 0.5s forwards;
}
.wrapper .mv-contents .mv-logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .wrapper .mv-contents .mv-logo {
    display: none;
  }
}
.wrapper .mv-contents .mv-text {
  position: absolute;
  bottom: 30px;
  right: 15px;
  width: 48.487804878%;
  max-width: 497px;
  pointer-events: auto;
  opacity: 0;
  animation: fadeIn 1s ease 0.8s forwards;
}
.wrapper .mv-contents .mv-text img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .wrapper .mv-contents .mv-text {
    display: none;
  }
}
.wrapper .main-contents {
  width: 100%;
  background: #fff;
  position: relative;
  padding: 0;
}
@media (min-width: 769px) {
  .wrapper .main-contents {
    width: 51.7647058824%;
    margin: 0 0 0 auto;
    min-height: 100vh;
    max-width: 1100px;
    padding: 0 0 60px 0;
  }
}
.wrapper .main-contents .side-logo {
  position: fixed;
  width: 29px;
  top: 30px;
  right: 25px;
  z-index: 10;
}
@media (max-width: 768px) {
  .wrapper .main-contents .side-logo {
    width: 18px;
    right: 8px;
  }
}
.wrapper .main-contents .side-copyright {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 12px;
  z-index: 20;
}
@media (max-width: 768px) {
  .wrapper .main-contents .side-copyright {
    width: 10px;
    bottom: 10px;
    right: 8px;
  }
}
@media (min-width: 769px) {
  .wrapper .main-contents .main-fv {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 40px 20px 140px;
  }
}
@media (max-width: 768px) {
  .wrapper .main-contents .main-fv {
    padding: 45px 20px 0;
  }
}
.wrapper .main-contents .main-header {
  text-align: center;
  margin-bottom: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .wrapper .main-contents .main-header {
    margin-bottom: 45px;
  }
}
.wrapper .main-contents .main-header .main-header-logo {
  width: 71.3333333333%;
  max-width: 680px;
  margin: 0 auto;
  opacity: 0;
  animation: fadeIn 1s ease 1s forwards;
}
@media (max-width: 768px) {
  .wrapper .main-contents .main-header .main-header-logo {
    display: none;
  }
}
.wrapper .main-contents .main-header .main-lead {
  width: 100%;
  font-weight: bold;
  font-size: clamp(14px, 1.8vw, 20px);
  line-height: 1.5;
  text-align: center;
  color: #231715;
  margin-top: clamp(25px, 4.5vw, 50px);
  opacity: 0;
  animation: fadeIn 1s ease 1.2s forwards;
}
@media (max-width: 768px) {
  .wrapper .main-contents .main-header .main-lead {
    margin-top: 0;
    font-size: 16px;
    line-height: 32px;
    animation: fadeIn 1s ease 0.3s forwards;
  }
}
.wrapper .main-contents .scroll-indicator {
  text-align: center;
  margin-bottom: 0;
  opacity: 0;
  animation: fadeIn 1s ease 1.2s forwards;
}
@media (min-width: 769px) {
  .wrapper .main-contents .scroll-indicator {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.wrapper .main-contents .scroll-indicator span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #231715;
  margin-bottom: 5px;
}
.wrapper .main-contents .scroll-indicator .scroll-line {
  width: 1px;
  height: clamp(50px, 8vw, 90px);
  margin: 0 auto;
  position: relative;
}
.wrapper .main-contents .scroll-indicator .scroll-line:before {
  animation: scrollLine 3s infinite;
  background-color: #ea5b4d;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
  z-index: 2;
}
.wrapper .main-contents .scroll-indicator .scroll-line:after {
  background-color: #5b9ec2;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
@media (max-width: 768px) {
  .wrapper .main-contents .scroll-indicator {
    animation: fadeIn 1s ease 0.3s forwards;
    margin-bottom: 70px;
  }
  .wrapper .main-contents .scroll-indicator .scroll-line {
    height: 65px;
  }
}
.wrapper .main-contents .main-body {
  text-align: center;
  font-weight: bold;
  font-size: clamp(13px, 1.45vw, 16px);
  line-height: 2;
  text-align: center;
  color: #231715;
  padding: clamp(80px, 10vw, 140px) 20px 0;
  opacity: 0;
  animation: fadeIn 1s ease 1.2s forwards;
  margin-bottom: 160px;
}
.wrapper .main-contents .main-body .body-p {
  margin-bottom: clamp(20px, 2.7vw, 30px);
}
@media (max-width: 768px) {
  .wrapper .main-contents .main-body {
    animation: fadeIn 1s ease 0.3s forwards;
    padding: 30px 30px 0;
    font-size: 13px;
    margin-bottom: 130px;
  }
}
.wrapper .main-contents .event-contents {
  width: calc(100% - clamp(30px, 15.4vw, 170px));
  margin: clamp(40px, 7.2vw, 80px) auto 0 clamp(15px, 6.1vw, 68px);
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents {
    width: calc(100% - 55px);
    margin: 0 35px 0 auto;
  }
}
.wrapper .main-contents .event-contents .event-month-contents {
  margin-bottom: clamp(40px, 6vw, 65px);
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-month-contents {
    margin-bottom: 65px;
  }
}
.wrapper .main-contents .event-contents .event-month-title {
  font-weight: 700;
  font-size: clamp(38px, 8.8vw, 97px);
  line-height: 1;
  color: #e1e7e7;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-month-title {
    font-size: 80px;
  }
}
.wrapper .main-contents .event-contents .event-item {
  border-top: 1px solid #e1e7e7;
  display: flex;
  position: relative;
  padding-top: 35px;
  text-decoration: none;
  margin-top: 55px;
}
.wrapper .main-contents .event-contents .event-item:last-child {
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e7e7;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item {
    padding-top: 25px;
    margin-top: 35px;
  }
  .wrapper .main-contents .event-contents .event-item:last-child {
    padding-bottom: 20px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-date-col {
  position: relative;
  width: clamp(85px, 11vw, 120px);
  border-right: 1px solid #231715;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-date-col {
    width: 70px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-date-col .event-badge {
  width: 44px;
  position: absolute;
  left: 0;
  top: -58px;
}
.wrapper .main-contents .event-contents .event-item .event-date-col .event-badge img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-date-col .event-badge {
    width: 36px;
    top: -45px;
    left: -10px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-date-col .event-date {
  display: flex;
  flex-direction: column;
}
.wrapper .main-contents .event-contents .event-item .event-date-col .event-date .day-num {
  font-weight: 700;
  font-size: clamp(32px, 4.3vw, 48px);
  line-height: 0.85;
  color: #231715;
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-date-col .event-date .day-num {
    font-size: 27px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-date-col .event-date .day-name {
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 24px);
  line-height: 1;
  color: #231715;
  margin-top: 6px;
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-date-col .event-date .day-name {
    margin-top: 2px;
    font-size: 20px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col {
  flex: 1;
  position: relative;
  padding-left: clamp(12px, 2.2vw, 24px);
  padding-right: 10px;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-main-col {
    padding-left: 12px;
    padding-right: 30px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-btn-plus {
  position: absolute;
  top: 0;
  right: 10px;
  width: 24px;
  height: 24px;
  transition: transform 0.5s ease;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-btn-plus {
    width: 12px;
    height: 12px;
    right: 0;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-btn-plus::before, .wrapper .main-contents .event-contents .event-item .event-main-col .event-btn-plus::after {
  content: "";
  position: absolute;
  background-color: #231715;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-btn-plus::before {
  width: 100%;
  height: 1px;
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-btn-plus::after {
  width: 1px;
  height: 100%;
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-inner {
  width: calc(100% - 45px);
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-inner {
    width: 100%;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-thumb {
  width: 78.125%;
  margin-bottom: clamp(14px, 2vw, 22px);
  overflow: hidden;
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-thumb span {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 600/420;
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-thumb {
    margin-bottom: 10px;
    width: 100%;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-thumb img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.5s linear;
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name {
  font-size: clamp(18px, 2.3vw, 26px);
  font-weight: 900;
  line-height: 1.3;
  color: #ea5b4d;
  margin-bottom: 8px;
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name .font-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(16px, 2.1vw, 24px);
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name .font-jp.small {
  font-size: clamp(16px, 2.1vw, 22px);
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name .small {
  font-size: clamp(16px, 2.3vw, 24px);
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-info .artist-name .font-jp {
    font-size: 20px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-info .event-title {
  font-size: clamp(16px, 2.1vw, 24px);
  font-weight: 900;
  line-height: 1.35;
  color: #5b9ec2;
}
.wrapper .main-contents .event-contents .event-item .event-main-col .event-info .event-title .font-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(15px, 1.9vw, 22px);
}
@media (max-width: 768px) {
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-info .event-title {
    font-size: 18px;
    line-height: 22.5px;
  }
  .wrapper .main-contents .event-contents .event-item .event-main-col .event-info .event-title .font-jp {
    font-size: 16px;
  }
}
.wrapper .main-contents .event-contents .event-item .event-main-col:hover .event-btn-plus {
  transform: rotate(90deg);
}
.wrapper .main-contents .event-contents .event-item .event-main-col:hover .event-thumb img {
  transform: scale(1.08);
}
.wrapper .main-contents .creative-contents {
  width: calc(100% - clamp(40px, 13.6vw, 150px));
  margin: clamp(40px, 6vw, 65px) auto 0 auto;
}
@media (max-width: 768px) {
  .wrapper .main-contents .creative-contents {
    width: calc(100% - 50px);
    margin: 50px auto 0 20px;
  }
}
.wrapper .main-contents .creative-contents .section-title {
  font-weight: 700;
  font-size: clamp(26px, 3.6vw, 40px);
  line-height: 1;
  color: #e1e7e7;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .wrapper .main-contents .creative-contents .section-title {
    font-size: 40px;
    margin-bottom: 15px;
  }
}
.wrapper .main-contents .creative-contents .artist-name {
  font-weight: 600;
  line-height: 1;
  color: #231715;
  font-size: clamp(18px, 2.1vw, 24px);
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .wrapper .main-contents .creative-contents .artist-name {
    font-size: 24px;
  }
}
.wrapper .main-contents .creative-contents .artist-profile {
  font-weight: 500;
  font-size: clamp(12px, 1.2vw, 13px);
  line-height: 1.6;
  color: #231715;
}
.wrapper .main-contents .creative-contents .artist-profile a {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .wrapper .main-contents .creative-contents .artist-profile {
    font-size: 13px;
  }
}
.wrapper .main-contents .creative-contents .link-to-top {
  width: 100%;
  max-width: 575px;
  margin: clamp(40px, 6vw, 65px) auto 0 auto;
}
.wrapper .main-contents .creative-contents .link-to-top a {
  width: 100%;
  height: clamp(60px, 9.5vw, 105px);
  background-color: #5b9ec2;
  transition: background-color 0.3s linear;
  border: 3px solid #231715;
  box-shadow: 3px 3px 0px #231715;
  font-weight: 700;
  font-size: clamp(18px, 2.9vw, 32px);
  line-height: 1;
  color: #231715;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper .main-contents .creative-contents .link-to-top:hover a {
  background-color: #ea5b4d;
}
@media (max-width: 768px) {
  .wrapper .main-contents .creative-contents .link-to-top {
    font-size: 13px;
    margin: 55px auto 0 auto;
  }
}
/*# sourceMappingURL=map/style.css.map */