@charset "UTF-8";

@media print, screen and (width <=768px) {
  .c-header__content {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 2.6666666667vw 2.6666666667vw;
  }
  .c-header__content-navigation {
      display: flex;
      pointer-events: auto;
      align-items: stretch;
      justify-content: flex-end;
      gap: 1.6vw;
  }
  .c-header__content-navigation-link {
      display: block;
      height: 6.6666666667vw;
      padding: 0.8vw 1.0666666667vw;
  }
  .c-header__content-navigation-en-label-text1, .c-header__content-navigation-en-label-text2 {
      font-size: 3.7333333vw;
  }
  .c-header__content-navigation-en-label {
      height:  2.9333333vw;
  }
  .c-header__content-navigation-ja-label-text1, .c-header__content-navigation-ja-label-text2 {
      font-size: 2.1333333vw;
  }
  .c-header__content-navigation-ja-label{
      height: 2.1333333vw;
  }
  .c-header__content-navigation-arrow {
      width: 2.1333333333vw;
      height: 2.1333333333vw;
      margin-top: 0;
  }
}

:not(button).c-world__section-title-en[data-world="1"] {
  font-family: var(--font-title-world1);
  font-size: 18.6666666667vw;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="1"] {
    font-size: 12.5vw;
  }
}

:not(button).c-world__section-title-en[data-world="2"] {
  font-family: var(--font-title-world2);
  font-size: 17.0666666667vw;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="2"] {
    font-size: 11.1111111111vw;
  }
}

:not(button).c-world__section-title-en[data-world="3"] {
  font-family: var(--font-title-world4);
  font-size: 16vw;
  letter-spacing: -0.06em;
  font-weight: 400;
  line-height: 0.8;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="3"] {
    font-size: 10.4166666667vw;
  }
}

:not(button).c-world__section-title-en[data-world="4"] {
  font-family: var(--font-title-world5);
  font-size: 20.5333333333vw;
  line-height: 0.65;
  letter-spacing: -0.07em;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="4"] {
    font-size: 13.4027777778vw;
  }
}

:not(button).c-world__section-title-en[data-world="5"] {
  font-family: var(--font-title-world6);
  font-size: 13.8666666667vw;
  line-height: 1;
  letter-spacing: -0.05em;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="5"] {
    font-size: 10.4166666667vw;
  }
}

:not(button).c-world__section-title-en[data-world="6"] {
  font-family: var(--font-title-world7);
  font-size: 18.1333333333vw;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="6"] {
    font-size: 13.1944444444vw;
  }
}

:not(button).c-world__section-title-en[data-world="7"] {
  font-family: var(--font-title-world8);
  font-size: 13.3333333333vw;
  font-weight: 300;
  line-height: 0.9;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="7"] {
    font-size: 8.3333333333vw;
  }
}

:not(button).c-world__section-title-en[data-world="8"] {
  font-family: var(--font-title-world9);
  font-size: 13.8666666667vw;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="8"] {
    font-size: 10.4166666667vw;
  }
}

:not(button).c-world__section-title-en[data-world="9"] {
  font-family: var(--font-title-world10);
  font-size: 12.8vw;
  line-height: 1;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="9"] {
    font-size: 8.3333333333vw;
  }
}

:not(button).c-world__section-title-en[data-world="10"] {
  font-family: var(--font-title-world11);
  font-size: 12.8vw;
  line-height: 1;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

:not(button).c-world__section[data-world="10"] .c-world__section-title-ja,
:not(button).c-world__section[data-world="10"] .c-world__section-text-ja,
:not(button).c-world__section[data-world="10"] .c-world__section-text-en {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="10"] {
    font-size: 8.3333333333vw;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  }
}

:not(button).c-world__section-title-en[data-world="11"] {
  font-family: var(--font-title-world12);
  font-size: 12.8vw;
  line-height: 1;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-title-en[data-world="11"] {
    font-size: 8.3333333333vw;
  }
}



.c-real__share-button{
  padding: 1.6vw 3.2vw ;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  margin-top: 1.3888888889vw;
}
.c-real__share-button::after{
  content: "";
  display: block;
  background-color: #ffffff;
  opacity: 0.2;
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .3s ease-in height;
}
.c-real__share-button:hover::after{
  height: 50%;
}
.c-real__share-button::before{
  content: "";
  display: block;
  background-color: #ffffff;
  opacity: 0.2;
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease-in height;
}
.c-real__share-button:hover::before{
  height: 50%;
}
.c-real__share-link {
  margin-top: 0;
}
.c-real__share-button a{
  transition: .5s ease transform;
}
.c-real__share-button:hover a{
  transform: scale(1.02);
}
.c-real__share-button a:hover{
  opacity: 1;
}
@media print, screen and (width <=768px) {
  .c-real__share-button{
    margin-top: 3.2vw ;
  }
}

:not(button).c-world__section-text-ja {
  -webkit-line-clamp: 4;
}

:not(button).c-world__section-text-en {
  -webkit-line-clamp: 4;
}

@media print, screen and (width >=768px) {
  :not(button).c-world__section-text-ja {
    -webkit-line-clamp: 20;
  }
}


@media print, screen and (width >=768px) {
  :not(button).c-world__section-text-en {
    -webkit-line-clamp: 20;
  }
}