@keyframes homefuwafuwa {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(4%);
  }
}
@keyframes homefuwafuwa2 {
  0% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(2%);
  }
}
@media screen and (max-width: 767px) {
  .home-bnr .slick-slide {
    height: 108vw;
  }
}

@layer page {
  .home-grad-mask {
    mask-image: url("../../../img/page/home/grad3.png");
    mask-repeat: no-repeat;
    mask-size: 0% 0%;
    mask-position: 50% 50%;
    transition: mask-size 1s ease-out;
  }
  .home-grad-mask.is-fire {
    mask-size: 180% 180%;
  }
  .home-grad-mask2 {
    mask-image: url("../../../img/page/home/grad3.png");
    mask-repeat: no-repeat;
    mask-size: 0% 0%;
    mask-position: 50% 50%;
    transition: mask-size 1s ease-out;
  }
  .home-grad-mask2.is-fire {
    mask-size: 180% 180%;
  }
  .home-translate-cloud-a::before {
    transform: translateX(100%);
    transition: 0.8s transform;
    transition-timing-function: ease-out;
  }
  .home-translate-cloud-a.is-fire::before {
    transform: translateX(0%);
  }
  .home-translate-cloud-b::before {
    transform: translateX(-100%);
    transition: 0.8s transform;
    transition-timing-function: ease-out;
  }
  .home-translate-cloud-b.is-fire::before {
    transform: translateX(0%);
  }
  .home-bnr {
    position: relative;
  }
  @media screen and (min-width: 768px) {
    .home-bnr__row {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin-top: -10rem;
    }
    .home-bnr__row > * {
      width: 76.25rem;
    }
    .home-bnr__row > *:last-child {
      width: calc(100% - 76.25rem);
    }
  }
  @media screen and (min-width: 768px) {
    .home-bnr__img img {
      border-radius: 5.375rem 0 0 5.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-bnr__img img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
  @media screen and (min-width: 768px) {
    .home-bnr__text {
      margin-top: 11.875rem;
      text-align: right;
      padding-right: 8.125rem;
      position: relative;
      z-index: 3;
    }
    .home-bnr__text span {
      font-size: 3.125rem;
    }
    .home-bnr__text img {
      width: 10rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-bnr__text {
      position: absolute;
      right: 0;
      top: -20vw;
      z-index: 2;
      background: var(--base);
      padding: 0 0 2.6666666667vw 2.6666666667vw;
      border-radius: 0 0 0 4vw;
      background: url("../../../img/page/home/mv_ttl_bg_sp.svg") 0 100%/contain no-repeat;
      width: 26vw;
      text-align: center;
    }
    .home-bnr__text img {
      width: 13.3333333333vw;
    }
  }
  .home-bnr__ramen {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    bottom: -11.875rem;
  }
  @media screen and (min-width: 768px) {
    .home-bnr__ramen {
      left: 5rem;
      width: 38.1875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-bnr__ramen {
      overflow: hidden;
      right: 0;
      bottom: -18.6666666667vw;
    }
    .home-bnr__ramen img {
      position: relative;
      width: 66.6666666667vw;
      right: -1.3333333333vw;
    }
  }
  .home-bnr__cloud {
    z-index: 1;
  }
  .home-bnr__cloud.is-a {
    right: 0;
  }
  @media screen and (min-width: 768px) {
    .home-bnr__cloud.is-a {
      bottom: -8rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-bnr__cloud.is-a {
      top: 117.3333333333vw;
    }
  }
  .home-bnr__cloud.is-b {
    left: 0;
    translate: 0 100%;
  }
  @media screen and (min-width: 768px) {
    .home-bnr__cloud.is-b {
      bottom: -1.25rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-bnr__cloud.is-b {
      top: 81.3333333333vw;
    }
    .home-bnr__cloud.is-b::before {
      background-image: url("../../../img/content/cloud_1_sp2.png");
      aspect-ratio: 363/133;
      background-position: -1.3333333333vw 0;
    }
  }
  .home-roots {
    position: relative;
    margin-top: 16.875rem;
  }
  @media screen and (max-width: 767px) {
    .home-roots {
      margin-top: 86.6666666667vw;
    }
  }
  .home-roots__inner {
    position: relative;
    z-index: 5;
  }
  @media screen and (min-width: 768px) {
    .home-roots__inner {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      gap: 1.875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots__inner {
      z-index: 5;
      padding: 0 var(--sp-pad);
    }
  }
  @media screen and (min-width: 768px) {
    .home-roots__wtext {
      display: flex;
      justify-content: space-between;
      gap: 1.875rem;
      width: 49.375rem;
      padding-top: 0.625rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-roots__body {
      padding-top: 3.125rem;
      width: 39.375rem;
    }
  }
  .home-roots__ttl {
    writing-mode: vertical-rl;
    font-size: 6.25rem;
    font-family: var(--serif);
    line-height: 1.1;
    font-weight: 900;
  }
  @media screen and (max-width: 767px) {
    .home-roots__ttl {
      font-size: 13.3333333333vw;
      margin-bottom: -53.3333333333vw;
    }
  }
  .home-roots__lead {
    margin-top: 2.5rem;
    font-family: var(--serif);
    font-size: 2.5rem;
    line-height: 1.2352941176;
  }
  @media screen and (max-width: 767px) {
    .home-roots__lead {
      font-size: 5.3333333333vw;
      margin-left: 18.6666666667vw;
      font-weight: 600;
    }
  }
  .home-roots__text {
    margin-top: 1.875rem;
    line-height: 1.8888888889;
  }
  @media screen and (max-width: 767px) {
    .home-roots__text {
      margin-top: 3.4666666667vw;
      margin-left: 18.6666666667vw;
    }
  }
  .home-roots__more {
    margin-top: 1.875rem;
    text-align: right;
  }
  @media screen and (max-width: 767px) {
    .home-roots__more {
      margin-top: 8vw;
      text-align: center;
    }
  }
  .home-roots__img {
    position: relative;
  }
  @media screen and (min-width: 768px) {
    .home-roots__img {
      width: 30.1875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots__img {
      position: absolute;
      left: 6.6666666667vw;
      top: -58.6666666667vw;
      width: 64vw;
    }
  }
  .home-roots__img img.is-yuge {
    position: absolute;
    left: 0;
    top: -6.25rem;
  }
  @media screen and (min-width: 768px) {
    .home-roots__img img.is-yuge {
      width: 28.5rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-roots__illust {
      position: absolute;
      width: 25.375rem;
      top: -14.375rem;
      right: -4.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots__illust {
      position: relative;
      z-index: 4;
      margin-top: 8vw;
      margin-left: calc(100% - 78.6666666667vw);
      width: 83.4666666667vw;
      height: 45.6vw;
    }
  }
  .home-roots__illust-1 {
    pointer-events: none;
  }
  @media screen and (max-width: 767px) {
    .home-roots__illust-1 {
      position: absolute;
      top: -61.3333333333vw;
      right: 0;
      z-index: 4;
      width: 43.6vw;
    }
  }
  .home-roots-vis {
    position: relative;
    z-index: 4;
  }
  @media screen and (min-width: 768px) {
    .home-roots-vis {
      margin-top: -6.25rem;
      margin-bottom: -8.125rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis {
      margin-top: -11.4666666667vw;
    }
  }
  .home-roots-vis__ttl {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 4;
    width: 100%;
    text-align: center;
  }
  @media screen and (min-width: 768px) {
    .home-roots-vis__ttl {
      transform: translateY(-10%);
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__ttl {
      top: 16.8vw;
    }
  }
  .home-roots-vis__ttl img {
    width: 100%;
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__wimg {
      overflow: hidden;
    }
  }
  .home-roots-vis__img {
    width: 100%;
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__img {
      max-width: none;
      width: 126vw;
      transform: translateX(-11vw);
    }
  }
  .home-roots-vis__illust {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    width: 22.0625rem;
    right: 0;
    top: 6.25rem;
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__illust {
      display: none;
    }
  }
  .home-roots-vis__illust-1 {
    position: absolute;
    pointer-events: none;
  }
  @media screen and (min-width: 768px) {
    .home-roots-vis__illust-1 {
      width: 25.1875rem;
      bottom: 0rem;
      left: 1rem;
    }
  }
  .home-roots-vis__yuge {
    position: absolute;
    z-index: 3;
    animation: homefuwafuwa 1.8s ease-in-out infinite alternate-reverse;
  }
  .home-roots-vis__yuge.is-0 {
    animation-duration: 2.2s;
  }
  @media screen and (min-width: 768px) {
    .home-roots-vis__yuge.is-0 {
      width: 16.75rem;
      left: 4.625rem;
      top: 9.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__yuge.is-0 {
      top: -24vw;
      right: 0;
      width: 48.4vw;
    }
  }
  @media screen and (min-width: 768px) {
    .home-roots-vis__yuge.is-1 {
      width: 9.875rem;
      left: 52.5rem;
      top: 3.125rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__yuge.is-1 {
      top: -10.6666666667vw;
      left: -4vw;
      width: 32.2666666667vw;
    }
  }
  .home-roots-vis__yuge.is-2 {
    animation-duration: 1.6s;
  }
  @media screen and (min-width: 768px) {
    .home-roots-vis__yuge.is-2 {
      width: 9.875rem;
      left: 70.625rem;
      top: 22.1875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-roots-vis__yuge.is-2 {
      display: none;
    }
  }
  .home-detail {
    position: relative;
    z-index: 5;
  }
  @media screen and (max-width: 767px) {
    .home-detail {
      margin-top: 44vw;
    }
  }
  @media screen and (min-width: 768px) {
    .home-detail__inner {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      gap: 1.875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-detail__inner {
      padding: 0 var(--sp-pad);
    }
  }
  @media screen and (min-width: 768px) {
    .home-detail__body {
      width: 43.75rem;
      padding-left: 2.5rem;
      padding-top: 8.75rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-detail__hdr {
      position: relative;
      width: 39.375rem;
    }
  }
  .home-detail__ttl {
    position: relative;
    z-index: 2;
    writing-mode: vertical-rl;
    font-size: 6.25rem;
    font-family: var(--serif);
    line-height: 1;
    font-weight: 900;
  }
  @media screen and (max-width: 767px) {
    .home-detail__ttl {
      font-size: 13.3333333333vw;
    }
  }
  .home-detail__ttl span {
    display: inline-block;
    height: 0.8em;
  }
  .home-detail__lead {
    margin-top: 2.5rem;
    font-family: var(--serif);
    font-size: 2.5rem;
    line-height: 1.2352941176;
  }
  @media screen and (max-width: 767px) {
    .home-detail__lead {
      font-size: 5.3333333333vw;
      margin-left: 13.3333333333vw;
      margin-top: -1.6em;
      white-space: nowrap;
      font-weight: 600;
    }
  }
  .home-detail__text {
    margin-top: 1.875rem;
    line-height: 1.8888888889;
  }
  .home-detail__more {
    margin-top: 1.875rem;
    text-align: right;
  }
  @media screen and (max-width: 767px) {
    .home-detail__more {
      margin-top: 8vw;
      text-align: center;
    }
  }
  .home-detail__img {
    position: absolute;
    right: 0;
    top: 3.125rem;
  }
  @media screen and (min-width: 768px) {
    .home-detail__img {
      width: 30rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-detail__img {
      position: absolute;
      right: 6.6666666667vw;
      top: -42vw;
      width: 64vw;
    }
  }
  .home-detail__img img.is-yuge {
    position: absolute;
    left: 0;
    top: -6.25rem;
  }
  @media screen and (min-width: 768px) {
    .home-detail__img img.is-yuge {
      width: 28.5rem;
    }
  }
  .home-detail__illust {
    position: absolute;
    pointer-events: none;
  }
  @media screen and (max-width: 767px) {
    .home-detail__illust {
      width: 53.7333333333vw;
      right: 2.6666666667vw;
      top: 6.1333333333vw;
    }
  }
  .home-detail__illust-1 {
    position: absolute;
    pointer-events: none;
  }
  @media screen and (max-width: 767px) {
    .home-detail__illust-1 {
      width: 10.8vw;
      left: 10.6666666667vw;
      top: -26.6666666667vw;
    }
  }
  .home-arrived {
    position: relative;
    margin-top: 5.625rem;
  }
  @media screen and (max-width: 767px) {
    .home-arrived {
      margin-top: 38.6666666667vw;
    }
  }
  @media screen and (min-width: 768px) {
    .home-arrived__inner {
      position: relative;
      display: flex;
      flex-direction: row-reverse;
      gap: 1.875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-arrived__inner {
      padding: 0 var(--sp-pad);
    }
  }
  @media screen and (min-width: 768px) {
    .home-arrived__wtext {
      display: flex;
      gap: 1.875rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-arrived__body {
      padding-top: 12.5rem;
    }
  }
  .home-arrived__ttl {
    writing-mode: vertical-rl;
    font-size: 5.5rem;
    font-family: var(--serif);
    line-height: 1.1;
    font-weight: 900;
  }
  @media screen and (max-width: 767px) {
    .home-arrived__ttl {
      font-size: 13.3333333333vw;
    }
  }
  .home-arrived__lead {
    margin-top: 2.5rem;
    font-family: var(--serif);
    font-size: 2.5rem;
    line-height: 1.2352941176;
  }
  @media screen and (max-width: 767px) {
    .home-arrived__lead {
      font-size: 5.3333333333vw;
      margin-left: 20vw;
      margin-top: -4em;
      font-weight: 600;
    }
  }
  .home-arrived__text {
    margin-top: 1.875rem;
    line-height: 1.8888888889;
  }
  @media screen and (min-width: 768px) {
    .home-arrived__text {
      white-space: nowrap;
    }
  }
  .home-arrived__more {
    margin-top: 1.875rem;
    text-align: right;
  }
  @media screen and (max-width: 767px) {
    .home-arrived__more {
      margin-top: 8vw;
      text-align: center;
    }
  }
  .home-arrived__img {
    position: relative;
  }
  @media screen and (min-width: 768px) {
    .home-arrived__img {
      width: 30.1875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-arrived__img {
      position: absolute;
      right: var(--sp-pad);
      top: -17.3333333333vw;
      width: 65.3333333333vw;
    }
  }
  .home-arrived__img img.is-yuge {
    position: absolute;
    left: 0;
    top: -6.25rem;
    animation: homefuwafuwa2 2.8s ease-in-out infinite alternate-reverse;
  }
  @media screen and (min-width: 768px) {
    .home-arrived__img img.is-yuge {
      width: 28.5rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-arrived__img img.is-yuge {
      top: -13.3333333333vw;
    }
  }
  @media screen and (min-width: 768px) {
    .home-arrived__illust {
      position: absolute;
      width: 23.75rem;
      top: -10.625rem;
      right: 3.75rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-arrived__illust {
      width: 60.2666666667vw;
      margin: 5.3333333333vw auto 0 auto;
    }
  }
  .home-tasty {
    position: relative;
    margin-top: 9.375rem;
  }
  @media screen and (max-width: 767px) {
    .home-tasty {
      margin-top: 6.6666666667vw;
    }
  }
  .home-tasty__inner {
    position: relative;
    z-index: 2;
  }
  @media screen and (min-width: 768px) {
    .home-tasty__inner {
      color: #fff;
      display: flex;
      justify-content: flex-end;
      margin-right: 18.75rem;
      padding: 2.5rem 3.75rem;
      background: url("../../../img/page/home/tasty_img.jpg") 0 0/cover no-repeat;
      border-radius: 0 0.875rem 0.875rem 0;
    }
  }
  @media screen and (min-width: 768px) {
    .home-tasty__wtext {
      display: flex;
      flex-direction: row-reverse;
      gap: 2.5rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-tasty__body {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }
  }
  @media screen and (max-width: 767px) {
    .home-tasty__hdr {
      position: relative;
      background: url("../../../img/page/home/tasty_img.jpg") 0 0/cover no-repeat;
      padding: var(--sp-pad);
      padding-top: 64vw;
      margin-right: var(--sp-pad);
      border-radius: 0 2.6666666667vw 2.6666666667vw 0;
      color: #fff;
      overflow: hidden;
    }
    .home-tasty__hdr::before {
      content: "";
      display: block;
      background-color: rgb(0, 0, 0);
      opacity: 0.302;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
    }
  }
  .home-tasty__ttl {
    font-size: 13.3333333333vw;
    font-family: var(--serif);
    line-height: 1.1;
    font-weight: 900;
  }
  @media screen and (min-width: 768px) {
    .home-tasty__ttl {
      writing-mode: vertical-rl;
      font-size: 5.5rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-tasty__ttl {
      position: relative;
      z-index: 3;
    }
  }
  @media screen and (min-width: 768px) {
    .home-tasty__text {
      writing-mode: vertical-rl;
      height: 28.75rem;
      font-feature-settings: "pkna";
      text-align: justify;
    }
  }
  @media screen and (max-width: 767px) {
    .home-tasty__text {
      margin-top: 4vw;
      padding: 0 var(--sp-pad);
    }
  }
  .home-tasty__more {
    margin-top: 1.875rem;
  }
  @media screen and (max-width: 767px) {
    .home-tasty__more {
      margin-top: 8vw;
      text-align: center;
    }
  }
  .home-tasty__cloud {
    right: 0;
    top: -2.875rem;
  }
  @media screen and (max-width: 767px) {
    .home-tasty__cloud {
      display: none;
    }
  }
  .home-in-tasty {
    position: relative;
    margin-top: 10rem;
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty {
      margin-top: 77.3333333333vw;
      display: flex;
      flex-direction: column-reverse;
    }
  }
  .home-in-tasty__inner {
    position: relative;
    z-index: 2;
  }
  @media screen and (min-width: 768px) {
    .home-in-tasty__inner {
      min-height: 37.25rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-in-tasty__wtext {
      width: 31.875rem;
      display: grid;
      grid-template-columns: 8.125rem 1fr;
      padding-top: 2.5rem;
      padding-left: 2.125rem;
    }
  }
  .home-in-tasty__ttl {
    font-size: 13.3333333333vw;
    font-family: var(--serif);
    line-height: 1.1;
    font-weight: 900;
  }
  @media screen and (min-width: 768px) {
    .home-in-tasty__ttl {
      font-size: 5.5rem;
      writing-mode: vertical-rl;
    }
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty__ttl {
      margin-top: 4vw;
    }
  }
  @media screen and (min-width: 768px) {
    .home-in-tasty__text {
      writing-mode: vertical-rl;
      height: 28.75rem;
      font-feature-settings: "pkna";
      text-align: justify;
    }
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty__text {
      margin-top: 4vw;
    }
  }
  .home-in-tasty__more {
    margin-top: 1.875rem;
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty__more {
      margin-top: 6.6666666667vw;
      text-align: center;
    }
  }
  @media screen and (min-width: 768px) {
    .home-in-tasty__img {
      position: absolute;
      right: 0;
      top: 0;
      width: 56.25rem;
      max-width: none;
    }
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty__img {
      position: relative;
      z-index: 2;
      margin-left: var(--sp-pad);
    }
  }
  .home-in-tasty__img img {
    border-radius: 0.875rem 0 0 0.875rem;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .home-in-tasty__cloud {
    left: 0;
    top: -1.875rem;
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty__cloud {
      z-index: 3;
      top: -16vw;
    }
  }
  .home-in-tasty__illust {
    position: absolute;
    top: -40rem;
    width: 61.25rem;
  }
  @media screen and (min-width: 768px) {
    .home-in-tasty__illust {
      transition-duration: 4.8s;
      right: 0;
    }
  }
  @media screen and (max-width: 767px) {
    .home-in-tasty__illust {
      left: 8vw;
      z-index: 4;
      width: 86.6666666667vw;
      top: -62.6666666667vw;
    }
  }
  .home-news {
    margin: 11.25rem auto 8.75rem auto;
  }
  @media screen and (max-width: 767px) {
    .home-news {
      margin: 16vw 2.6666666667vw 0 2.6666666667vw;
    }
  }
  .home-news__inner {
    background: #fff;
    padding: 5rem;
  }
  @media screen and (max-width: 767px) {
    .home-news__inner {
      padding: 14.6666666667vw 5.3333333333vw;
    }
  }
  .home-news__ttl {
    font-family: var(--serif);
    font-weight: 900;
    font-size: 3.125rem;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 2.5rem;
  }
  @media screen and (max-width: 767px) {
    .home-news__ttl {
      margin-bottom: 6.6666666667vw;
      font-size: 6.6666666667vw;
    }
  }
  .home-news__more {
    text-align: center;
    margin-top: 6.25rem;
  }
  @media screen and (max-width: 767px) {
    .home-news__more {
      margin-top: 13.3333333333vw;
    }
  }
  @media screen and (max-width: 767px) {
    .home-event {
      margin-bottom: 10.6666666667vw;
      padding: 8vw 0;
    }
  }
  .home-event__inner {
    display: flex;
  }
  @media screen and (min-width: 768px) {
    .home-event__inner {
      flex-direction: row-reverse;
      margin: 5rem auto 8.75rem auto;
      gap: 4.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-event__inner {
      gap: 4vw;
      padding-left: 2.6666666667vw;
      padding-right: 2.6666666667vw;
      flex-direction: column-reverse;
    }
  }
  @media screen and (min-width: 768px) {
    .home-event__wtext {
      padding-top: 4.375rem;
      width: 42.5rem;
    }
  }
  @media screen and (min-width: 768px) {
    .home-event__img {
      width: calc(100% - 42.5rem);
    }
  }
  @media screen and (min-width: 768px) {
    .home-event__img img {
      transform: translateX(-5rem);
      max-width: none;
      width: 41.3125rem;
    }
  }
  .home-event__ttl {
    font-family: var(--serif);
    font-weight: 900;
    font-size: 4.375rem;
    line-height: 1.2;
  }
  @media screen and (max-width: 767px) {
    .home-event__ttl {
      font-size: 9.3333333333vw;
    }
  }
  .home-event__ttl span.is-1 {
    letter-spacing: -0.1em;
  }
  .home-event__ttl span.is-2 {
    letter-spacing: -0.2em;
  }
  @media screen and (max-width: 767px) {
    .home-event__body {
      background: #fff;
      margin-top: 6.6666666667vw;
      padding: 5.3333333333vw;
    }
  }
  .home-event__lead {
    font-family: var(--serif);
    font-size: 2.125rem;
    line-height: 1.2352941176;
  }
  @media screen and (min-width: 768px) {
    .home-event__lead {
      margin-top: 2.5rem;
    }
  }
  @media screen and (max-width: 767px) {
    .home-event__lead {
      font-size: 6.4vw;
    }
  }
  .home-event__text {
    margin-top: 1.875rem;
  }
  .home-event__info {
    margin-top: 1.875rem;
    padding: 1.375rem 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1.5;
  }
  @media screen and (max-width: 767px) {
    .home-event__info {
      margin-top: 3.4666666667vw;
      padding: 5.3333333333vw 0;
    }
  }
  .home-event__info a {
    color: var(--accent);
  }
  @media (hover: hover) {
    .home-event__info a:hover {
      text-decoration: underline;
    }
  }
  .home-event__row {
    display: grid;
    grid-template-columns: 3.75rem 1fr;
  }
  .home-event__other {
    margin-top: 1.25rem;
  }
  .home-event__more {
    margin-top: 1em;
    display: flex;
    justify-content: flex-end;
  }
}