#thirty.contents {
    background-color: #FFF5F3;
    position: relative;
    &::before {
        content: '';
        display: block;
        max-width: 950px;
        height: 100%;
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        margin: auto;
        background-color: #FFF5F3;
    }
}
#confetti-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* コンテンツより背面へ */
    pointer-events: none; /* 下にあるボタン等を押せるようにする */
    overflow: hidden;
}
:root {
    --color-brand: #AC0000;
    --color-white: #ffffff;
    --color-hover: #F9E2B0;
    --color-bg: #FBF1E1;
    --color-history: #4B0000;
    --round-size-lg: 40px;
    --shadow-type1: 4px 4px 0px 0px rgba(0,0,0,.15); 
    --transtion-color: color .3s ease;
    --transition-easeZ4s: transform .8s ease;
    --transition-easeZ4sL: transform .6s ease .8s;
    --font-family-arial: Arial, Helvetica, sans-serif;
}
.c-mv {
    position: relative;
    z-index: 3;
    .c-mv__title {
        width: fit-content;
        position: absolute;
        z-index: 4;
        top: calc(70 / 750 * 100vw);
        left: calc(40 / 750 * 100vw);
        opacity: 0;
        transform: translateY(50%);
        width: calc(630 / 750 * 100vw);
        max-width: 630px;
        @media (min-width: 769px) {
            top: calc(110 / 1920 * 100vw);
            left: calc(100 / 1920 * 100vw);
            gap: calc(40 / 1920 * 100vw);
            width: calc(1260 / 1920 * 100vw);
            max-width: 1260px;
        }
        @media (min-width: 1920px) {
            top: 110px;
            left: 100px;
        }
    }
    .c-mv__slide {
        mask-image: url(/wp/wp-content/themes/Jair/assets/30th/images/mask_mv_sp.svg);
        mask-repeat: no-repeat;
        mask-position: 0 0;
        mask-size: cover;
        margin-bottom: 0;
        @media (min-width: 1024px) {
            mask-image: url(/wp/wp-content/themes/Jair/assets/30th/images/mask_mv_pc.svg);
        }
        .c-mv__item {
            /* background: transparent none center top no-repeat;
            background-size: cover;
            height: calc(640 / 750 * 100vw);
            max-height: 640px;
            @media (min-width: 769px) {
                height: 851px;
                max-height: none;
            } */
            /* &.c-mv__item01 {
                background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_mv_01_sp.png);
            }
            &.c-mv__item02 {
                background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_mv_02_sp.png);
            }
            &.c-mv__item03 {
                background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_mv_03_sp.png);
            }
            @media (min-width: 769px) {
                &.c-mv__item01 {
                    background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_mv_01_pc.png);
                }
                &.c-mv__item02 {
                    background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_mv_02_pc.png);
                }
                &.c-mv__item03 {
                    background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_mv_03_pc.png);
                }
            } */
        }
        
    }
    .slick-dots {
        left: 0;
        right: 0;
        bottom: 60px;
    }
}
.c-message {
    padding-block: 48px 160px;
    display: grid;
    background: transparent url(/wp/wp-content/themes/Jair/assets/30th/images/bg_message_sp.png) center bottom no-repeat;
    background-size: calc(632 / 750 * 100vw) auto;
    @media (min-width: 1024px) {
        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/bg_message_pc.png);
        background-size: 773px auto;
    }
    .c-message__inr {
        max-width: 730px;
        margin-inline: auto;
        text-align: center;
        display: grid;
        gap: 16px;
        .c-message__title {
            font-size: 1.8rem;
            color: var(--color-brand);
            font-weight: 700;
            @media (min-width: 1024px) {
                font-size: 2.4rem;
            }
        }
        .c-message__lead {
            line-height: 2;
            color: #000;
            font-size: 1.4rem;
            @media (min-width: 1024px) {
                font-size: 1.6rem;
            }
        }
    }
}
.c-news {
    background-color: var(--color-brand);
    border-radius: calc(var(--round-size-lg) / 2);
    padding: 32px calc(40 / 750 * 100vw) 40px;
    @media (min-width: 1024px) {
        border-radius: var(--round-size-lg);
        padding: 48px 127px 64px;
    }
    .c-news__inr {
        display: grid;
        gap: 32px;
    }
    .c-news__title {
        font-size: 2.8rem;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }
    .c-news__list {
        display: grid;
        gap: 16px;
        li a{
            color: var(--color-white);
            text-decoration: underline;
            @media (any-hover:hover) {
                &:hover {
                    text-decoration: none;
                }
            }
        }
    }
}
.c-anchor {
    padding-block: 68px;
    @media (min-width: 1024px) {
        padding-block: 96px;
    }
    .c-anchor__list {
        display: grid;
        gap: 16px;
        @media (min-width: 1024px) {
            grid-template-columns: repeat(3, 1fr);
        }
        li {
            text-align: center;
        }
    }
}
.c-button {
    background-color: var(--color-white);
    color: var(--color-brand);
    width: auto;
    min-width: 290px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 900;
    position: relative;
    overflow: hidden;
    margin-inline: auto;
    padding-inline: 32px;
    box-shadow: var(--shadow-type1);
    transition: var(--transtion-color);
    isolation: isolate;
    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--color-hover);
        transform: scaleX(0);
        transform-origin: right;
        transition: var(--transition-easeZ4s);
        z-index: -1;
    }
    &::after {
        content: '';
        display: none;
        border-top: 2px solid var(--color-brand);
        border-right: 2px solid var(--color-brand);
        width: 10px;
        height: 10px;
        background-color: transparent;
        position: absolute;
        top: 0;
        left: auto;
        right: 25px;
        bottom: 0;
        margin: auto;
    }
    &:hover::before {
        transform: scaleX(1);
        transform-origin: left;
    }
    &.c-button--round {
        border-radius: 25px;
    }
    &.c-button--arrow {
        &::after {
            display: block;
            transform: rotate(45deg);
        }
    }
    &.c-button--anchor {
        &::after {
            display: block;
            border-top: none;
            border-bottom: 2px solid var(--color-brand);
            transform: rotate(45deg);
        }
    }
    &.c-button--primary {
        background-color: var(--color-brand);
        color: var(--color-white);
        min-height: 56px;
        font-weight: normal;
        box-shadow: none;
        &::after {
            content: '';
            display: block;
            border-top: 2px solid var(--color-white);
            border-right: 2px solid var(--color-white);
            transform: rotate(45deg);
            position: absolute;
            width: 9px;
            height: 9px;
            top: 0;
            right: 16px;
            left: auto;
            bottom: 0;
            margin: auto;
        }
        &:hover {
            color: var(--color-brand);
            &::after {
                border-color: var(--color-brand);
            }
        }
    }
}
.c-button-box {
    display: grid;
    justify-content: center;
}
* + .c-button-box {
    margin-top: 40px;
}
.c-round__box {
    border-radius: var(--round-size-lg);
    background-color: var(--color-bg);
    &.c-round__box--top-round {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}
.c-heading__title {
    text-align: center;
    display: grid;
    justify-content: center;
    position: relative;
    z-index: 3;
    &.c-heading__img {
        width: 100%;
        max-width: 670px;
        margin-inline: auto;
        @media (min-width: 769px) {
            max-width: 560px;
        }
    }
}
.c-text {
    font-size: 1.4rem;
    margin-top: 16px;
    position: relative;
    z-index: 3;
    @media (min-width: 1024px) {
        font-size: 1.6rem;
        margin-top: 32px;
    }
    &.c-text--center {
        text-align: center;
    }
}
/* .c-heading__ribbon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  padding-block: 5px;
  width: 100%;
  max-width: 500px;
  

  background: linear-gradient(
    to right,
    #e6c37a 0%,
    #f8e9bc 50%,
    #e6c37a 100%
  );
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);


  c-heading__left ,
  .c-heading__right {
    position: relative;
      &::before {
        content: "";
        position: absolute;
        top: 8px;
        z-index: -2;
        border-style: solid;
        border-width: 20px 20px;
      }
  }


  &::before {
    left: -30px;
    border-color: #d4ae5c #d4ae5c #d4ae5c transparent;
  }


  &::after {
    right: -30px;
    border-color: #d4ae5c transparent #d4ae5c #d4ae5c;
  }


  .c-heading__text {
    font-weight: bold;
    color: #8b6e30;
    z-index: 2;
    display: block;
    width: 100%;
    text-align: center;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    padding: 5px;
    &::before,
    &::after {
      content: "";
      position: absolute;
      width: 29px;
      height: 17px;
      bottom: -17px;
      background-color: #7C5500;
    }
    &::before {
      left: 0;
      clip-path: polygon(100% 0, 0 0, 100% 100%);
    }
    &::after {
      right: 0;
      clip-path: polygon(100% 0, 0 0, 0 100%);
    }
  }
} */
.p-card__group {
    overflow: hidden;
    padding-block: 24px 4px;
    position: relative;
    z-index: 3;
    @media (min-width: 1280px) {
        padding-inline: calc(295 / 1920 * 100vw);
        padding-top: 32px;
    }
    @media (min-width: 1920px) {
        padding-inline: 295px;
    }
    .slick-list {
        overflow: visible;
    }
}
.p-slick__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-top: 56px;
    margin-inline: auto;
    padding-inline: calc(62 / 750 * 100vw);
    position: relative;
    z-index: 3;
    @media (min-width: 1280px) {
        width: 452px;
        padding-inline: 0;
    }
    .slick-dots {
        position: static;
        order: 2;
        button::before {
            background-color: #999999;
        }
    }
    .slick-arrow {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(77 / 750 * 100vw);
        max-width: 77px;
        height: calc(77 / 750 * 100vw);
        max-height: 77px;
        border-radius: 50%;
        border: 1px solid var(--color-brand);
        background-color: var(--color-brand);
        cursor: pointer;
        transition: var(--transition-easeZ4s);
        box-shadow: var(--shadow-type1);
        transform: translate(0, 0);
        @media (min-width: 1024px) {
            width: 42px;
            height: 42px;
        }
        &::before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 12px;
            height: 12px;
            border: solid var(--color-white);
            border-width: 0 2px 2px 0;
            content: "";
        }
        &.slick-prev {
            order: 1;
            &::before {
                transform: translate(-50%, -50%) rotate(135deg);
            }
        }
        &.slick-next {
            order: 3;
            &::before {
                transform: translate(-50%, -50%) rotate(-45deg);
            }
        }
    }
}
.c-card {
    transition: all .3s ease-in-out;
    .c-card__content {
        display: grid;
        margin-inline: 24px;
        box-shadow: var(--shadow-type1);
        overflow: hidden;
        border-radius: 20px;
        .c-card__title {
            background-color: var(--color-brand);
            font-size: 2rem;
            color: var(--color-white);
            font-weight: 700;
            padding: 16px 8px;
            text-align: center;
            border-radius: 20px 20px 0 0;
        }
        .c-card__detail {
            background-color: var(--color-white);
        }
        .c-card__link {
            padding: 24px 16px;
            display: grid;
            gap: 24px;
            position: relative;
            text-align: center;
            &::before {
                content: '';
                display: inline-block;
                width: 12px;
                height: 12px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                transform: rotate(45deg);
                position: absolute;
                right: 16px;
                bottom: 24px;
            }
        }
    }
    @media (any-hover:hover) {
        &:hover {
            transform: translateY(-10px);
        }
    }
}
/* message */
.p-message {
    padding-inline: 20px;
}
/* anniversary */
.p-anniversary {
    padding: 0 20px;
}
/* history */
.p-history {
    margin-top: 68px;
    padding: 40px calc(24 / 750 * 100vw) 60px;
    @media (min-width: 1024px) {
        margin-top: 120px;
        padding: 80px 42px 120px;
    }
    .p-history__area {
        position: relative;
        margin-top: 32px;
        .p-history__tree {
            position: relative;
            padding: 16px calc(32 / 750 * 100vw) 0;
            margin-inline: auto;
            @media (min-width: 1024px) {
                max-width: 744px;
                height: 2167px;
            }
            &::before,
            &::after {
                content: '';
                display: block;
                background-color: var(--color-brand);
                position: absolute;
                @media (min-width: 1024px) {
                    margin: auto;
                }
            }
            &::before {
                width: 2px;
                height: calc(100% - 60px);
                top: 60px;
                left: calc(32 / 750 * 100vw);
                right: auto;
                bottom: auto;
                @media (min-width: 1024px) {
                    left: 0;
                    right: 0;
                }
            }
            &::after {
                width: calc(44 / 750 * 100vw);
                height: calc(40 / 750 * 100vw);
                max-width: 44px;
                max-height: 40px;
                clip-path: polygon(50% calc(44 / 750 * 100vw), 0% 0%, calc(40 / 750 * 100vw) 0%);
                top: auto;
                left: calc(12 / 750 * 100vw);
                bottom: 0;
                @media (min-width: 1024px) {
                    width: 20px;
                    height: 18px;
                    clip-path: polygon(50% 18px, 0% 0%, 20px 0%);
                    left: 0;
                    right: 0;
                    margin-inline: auto;
                }
            }
        }
        .p-history__ticket {
            display: block;
            max-width: 411px;
            margin-inline: auto;
            padding-inline: calc(68 / 750 * 100vw) calc(46 / 750 * 100vw);
            opacity: 0;
            transform: translateY(50px);            
            @media (min-width: 1024px) {
                position: absolute;
                top: 16px;
                right: 55px;
                max-width: 321px;
                padding-inline: 0;
            }
        }
        .p-history__list {
            width: 100%;
            .p-history__title {
                color: var(--color-history);
                font-family: var(--font-family-arial);
                font-size: 2.8rem;
                font-weight: 900;
                position: relative;
                border-bottom: 1px solid var(--color-brand);
                padding-left: calc(87 / 750 * 100vw);
                @media (min-width: 769px) {
                    font-size: 3.2rem;
                    padding-left: 34px;
                }
                &::before,
                &::after {
                    content: '';
                    display: inline-block;
                    background-color: var(--color-brand);
                    border-radius: 50%;
                    position: absolute;
                }
                &::before {
                    width: 20px;
                    height: 20px;
                    top: auto;
                    right: auto;
                    left: -10px;
                    bottom: -10px;
                    z-index: 3;
                }
                &::after {
                    width: 14px;
                    height: 14px;
                    border: 3px solid var(--color-white);
                    bottom: -7px;
                    left: -7px;
                    right: auto;
                    z-index: 4;
                }
            }
            .p-history__text {
                font-size: 1.4rem;
                line-height: 1.5;
                padding-top: 16px;
                position: relative;
                display: grid;
                gap: calc(48 / 750 * 100vw);
                padding-left: calc(87 / 750 * 100vw);
                @media (min-width: 1024px) {
                    padding-left: 34px;
                    gap: 24px;
                }
                &::after {
                    content: '';
                    display: grid;
                    width: 100%;
                    background: transparent none center top no-repeat;
                    background-size: contain;
                    margin-inline: auto 0;
                }
            }
        }
        .p-history__item {
            width: 100%;
            opacity: 0;
            transform: translateY(50px);
            @media (min-width: 1024px) {
                width: 370px;
                position: absolute;
                left: auto;
                right: 2px;
            }
            &:nth-child(odd) {
                @media (min-width: 1024px) {
                    left: 2px;
                    right: auto;
                }
                .p-history__list {
                    .p-history__title {
                        padding-left: calc(87 / 750 * 100vw);
                        @media (min-width: 1024px) {
                            text-align: right;
                            padding-left: 0;
                            padding-right: 34px;
                            &::before {
                                left: auto;
                                right: -10px;
                            }
                            &::after {
                                left: auto;
                                right: -7px;

                            }
                        }
                    }
                    .p-history__text {
                        padding-left: calc(87 / 750 * 100vw);
                        @media (min-width: 1024px) {
                            padding-left: 0;
                            padding-right: 34px;
                            &::after {
                                margin-inline: 0 auto;
                            }
                        }
                    }
                }
            }
            &.p-history__item1 {
                @media (min-width: 1024px) {
                    top: 16px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_aircraft_js31.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(247 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 247px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 149px;
                        }
                    }
                }
            }
            &.p-history__item2 {
                @media (min-width: 1024px) {
                    top: 300px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_flag.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(152 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 152px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 89px;
                        }
                    }
                }
            }
            &.p-history__item3 {
                @media (min-width: 1024px) {
                    top: 448px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_aircraft_crj200.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(246 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 246px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 149px;
                        }
                    }
                }
            }
            &.p-history__item4 {
                @media (min-width: 1024px) {
                    top: 585px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_building.svg);
                        width: calc(190 / 750 * 100vw);
                        height: calc(222 / 750 * 100vw);
                        max-width: 190px;
                        max-height: 222px;
                        @media (min-width: 1024px) {
                            width: 110px;
                            height: 128px;
                        }
                    }
                }
            }
            &.p-history__item5 {
                @media (min-width: 1024px) {
                    top: 749px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_aircraft_jair_10th.svg);
                        width: calc(259 / 750 * 100vw);
                        height: calc(213 / 750 * 100vw);
                        max-width: 259px;
                        max-height: 213px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 130px;
                        }
                    }
                }
            }
            &.p-history__item6 {
                @media (min-width: 1024px) {
                    top: 892px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_aircraft_e170.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(237 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 237px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 138px;
                        }
                    }
                }
            }
            &.p-history__item7 {
                @media (min-width: 1024px) {
                    top: 1053px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_building_2.svg);
                        width: calc(207 / 750 * 100vw);
                        height: calc(228 / 750 * 100vw);
                        max-width: 207px;
                        max-height: 228px;
                        @media (min-width: 1024px) {
                            width: 120px;
                            height: 132px;
                        }
                    }
                }
            }
            &.p-history__item8 {
                @media (min-width: 1024px) {
                    top: 1217px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_aircraft_e190.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(237 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 237px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 139px;
                        }
                    }
                }
            }
            &.p-history__item9 {
                @media (min-width: 1024px) {
                    top: 1360px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_aircraft_sparkly.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(172 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 172px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 102px;
                        }
                    }
                }
            }
            &.p-history__item10 {
                @media (min-width: 1024px) {
                    top: 1566px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_marche.svg);
                        width: calc(297 / 750 * 100vw);
                        height: calc(160 / 750 * 100vw);
                        max-width: 297px;
                        max-height: 160px;
                        @media (min-width: 1024px) {
                            width: 170px;
                            height: 91px;
                        }
                    }
                }
            }
            &.p-history__item11 {
                @media (min-width: 1024px) {
                    top: 1730px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_wifi_2.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(225 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 225px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 130px;
                        }
                    }
                }
            }
            &.p-history__item12 {
                @media (min-width: 1024px) {
                    top: 1894px;
                }
                .p-history__text {
                    &::after {
                        background-image: url(/wp/wp-content/themes/Jair/assets/30th/images/icon_jair_now.svg);
                        width: calc(273 / 750 * 100vw);
                        height: calc(139 / 750 * 100vw);
                        max-width: 273px;
                        max-height: 139px;
                        @media (min-width: 1024px) {
                            width: 158px;
                            height: 158px;
                        }
                    }
                }
            }
        }
        .p-history__goal {
            background-color: var(--color-white);
            border-radius: 20px;
            position: relative;
            display: grid;
            justify-content: space-between;
            margin-top: 40px;
            padding: calc(36 / 750 * 100vw) calc(40 / 750 * 100vw);
            opacity: 0;
            transform: translateY(50px);
            @media (min-width: 1024px) {
                padding: 40px;
                grid-template-columns: 350px 400px;
            }
            &::before {
                content: '';
                display: block;
                width: 100%;
                height: calc(241 / 750 * 100vw);
                max-height: 241px;
                background: transparent url(/wp/wp-content/themes/Jair/assets/30th/images/pic_aircraft.svg) center top no-repeat;
                background-size: cover;
                order: 2;
                @media (min-width: 1024px) {
                    order: 1;
                    height: 169px;
                }
            }
            .p-history__list {
                display: grid;
                gap: 16px;
                order: 1;
                @media (min-width: 1024px) {
                    order: 2;
                }
                .p-history__title {
                    font-size: 2.8rem;
                    padding: 0;
                    @media (min-width: 1024px) {
                        font-size: 4rem;
                    }
                    &::before,
                    &::after {
                        display: none;
                    }
                }
                .p-history__text {
                    padding: 0;
                    display: inherit;
                    gap: 8px;
                    .p-history__strong {
                        font-size: 1.8rem;
                        color: var(--color-brand);
                        font-weight: 900;
                        @media (min-width: 1024px) {
                            font-size: 2.4rem;
                        }
                    }
                }
            }
        }
    }
}

/* realted posts */
.p-related-posts {
    margin-top: 68px;
    padding: 40px 12px 60px;
    @media (min-width: 769px) {
        margin-top: 80px;
        padding: 80px 67px 120px;
    }
}
.p-related-posts__column {
    display: flex;
    gap: 32px;
    margin-top: 24px;
    flex-direction: column;
    @media (min-width: 1024px) {
        flex-direction: row;
    }
    .p-related-posts__col {
        width: 100%;
        @media (min-width: 1024px) {
            width: 392px;
        }
    }
    .c-sns-box {
        min-height: 682px;
        .c-sns-box__inner {
            min-height: 682px;
        }
    }
    .p-related-posts__box {
        min-height: 682px;
        iframe {
            min-height: inherit;
        }

    }
}
.p-sns-link {
    display: grid;
    gap: 24px;
    justify-content: center;
    @media (min-width: 1024px) {
        gap: 16px;
    }
    .p-sns-link__icon {
        margin-inline: auto;
        display: block;
    }
    &.p-sns-instagram {
        .p-sns-link__icon {
            width: 36px;
            height: 36px;
        }
    }
    &.p-sns-x {
        .p-sns-link__icon {
            width: 32px;
            height: 28px;
        }
    }
    .c-text {
        min-height: 52px;
        display: flex;
        align-items: center;
        font-weight: 700;
        display: grid;
    }
    .p-side-border {
        position: relative;
        &::before,
        &::after {
            content: '';
            display: block;
            width: 2px;
            height: 1.4rem;
            background-color: #000;
            position: absolute;
            top: auto;
            bottom: 5px;
            @media (min-width: 1024px) {
                height: 1.6rem;
            }
        }
        &::before {
            transform: rotate(-15deg);
            left: 5px;
            right: auto;
        }
        &::after {
            transform: rotate(15deg);
            left: auto;
            right: 5px;
        }
    }
}
.c-marker {
    background: linear-gradient(transparent 60%, #ffdfdf 60%);
    padding: 0 10px;
    display: inline-block;
    white-space: nowrap;
    width: fit-content;
    margin-inline: auto;
}
.twitter-tweet {
    margin-block: 0 !important;
}
/* Animation */
.is-fade--top {
    animation: fadeTop 1s ease-in-out forwards;
}
@keyframes fadeTop {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* slick */
.slick-dots {
    display: flex;
    width: fit-content;
    margin-inline: auto;
    li {
        vertical-align: top;
        width: calc(56 / 750 * 100vw);
        max-width: 56px;
        height: calc(10 / 750 * 100vw);
        max-height: 10px;
        @media (min-width: 1024px) {
            width: 48px;
            height: 6px;
        }
        button {
            width: 100%;
            height: 100%;
            &::before {
                background-color: var(--color-white);
                width: 100%;
                height: 100%;
            }
        }
        &.slick-active {
            button {
                &::before {
                    background-color: var(--color-brand);
                }
            }
        }
    }
}

.contents-inr, 
#footer-area {
    position: relative;
    z-index: 3;
}