/* pc-only */
.comingsoon-main {
    background-image: url(/site/img/guide_top_haikei\ 1.png);
    background-size: cover;
    width: 120.0625rem;
    height: 22rem;
    aspect-ratio: 513/94;
}

.comingsoon-text-area {
    padding: 9.69rem 50.12rem 5.69rem 50rem;
}

.comingsoon-text-area p {
    color: #3C3C3C;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.1575rem;
    white-space: nowrap;
}

.campaign-guide {
    margin: 12.69rem 92.56rem 2.19rem 13.5rem;
}

.campaign-guide-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.campaign-guide-container img {
    width: 1.5625rem;
    height: 2.8125rem;
}

.campaign-guide-title {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16125rem;
    white-space: nowrap;
}

.campaign-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    row-gap: 5.5rem;
    margin: 0 13.5rem 12.87rem 13.5rem;
}

.campaign-card {
    min-width: 0;
}

.campaign-img-link {
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 700/390;
    border-radius: 0.875rem;
    background: #FFF1E6;
}

.campaign-img-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.campaign-card-title {
    margin: 1.5rem 0 0 0;
}

.campaign-card-title a {
    display: -webkit-box;
    overflow: hidden;
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.12rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.campaign-card-body {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.94rem 0 0 0;
    color: #5E6570;
    font-family: "Noto Sans TC";
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: 0.0975rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.campaign-date {
    margin: 1.12rem 0 0 0;
    color: #5E6570;
    font-family: "Noto Sans TC";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.0825rem;
}

/* sp-only */
.comingsoon-main-sp {
    background-image: url(/site/img/sp_guide_top_haikei\ 1.png);
    width: 48rem;
    height: 17.75rem;
    aspect-ratio: 192/71;
    background-size: cover;
    background-position: top center;
    position: relative;
}

.comingsoon-text-area-sp {
    padding: 8.21rem 15.5rem 3rem 14.75rem;
}

.comingsoon-text-area-sp p {
    color: #3C3C3C;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.13125rem;
    white-space: nowrap;
}

.campaign-guide-sp {
    margin: 7.81rem 30.69rem 2.19rem 3.31rem;
}

.campaign-guide-container-sp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.campaign-guide-container-sp img {
    width: 1.5625rem;
    height: 2.8125rem;
}

.campaign-guide-title-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16125rem;
    white-space: nowrap;
}

.campaign-wrapper-sp {
    margin: 0 3.12rem 0 3.12rem;
}

.campaign-card-sp {
    margin-bottom: 4.25rem;
}

.campaign-card-sp.is-last {
    margin-bottom: 0;
}

.campaign-img-link-sp {
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 700/390;
    border-radius: 0.625rem;
    background: #FFF1E6;
}

.campaign-img-link-sp img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.campaign-card-title-sp {
    margin: 1.38rem 0 0 0;
}

.campaign-card-title-sp a {
    display: -webkit-box;
    overflow: hidden;
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.1275rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.campaign-card-body-sp {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.88rem 0 0 0;
    color: #5E6570;
    font-family: "Noto Sans TC";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: 0.105rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.campaign-date-sp {
    margin: 1rem 0 0 0;
    color: #5E6570;
    font-family: "Noto Sans TC";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.09rem;
}

.contact-title-sp {
    width: 12.5rem;
    height: auto;
    color: #402005;
    font-family: "Noto Sans TC";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2925rem;
    margin: 9.69rem auto 3.12rem auto;
    text-align: center;
    white-space: nowrap;
}

.contact-container-sp {
    width: 45.3125rem;
    height: auto;
    background: #F8E6D8;
    margin: 0 1.31rem 4.25rem 1.38rem;
    padding: 2.56rem 0 3.25rem 0;
}

.tel-title-sp,
.line-title-sp {
    color: #454545;
    font-family: "Noto Sans TC";
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: 0.44563rem;
    text-align: center;
    white-space: nowrap;
}

.tel-title-sp {
    margin: 0 0 2.12rem 0;
}

.line-title-sp {
    margin: 2.69rem 0 2.06rem 0;
}

.tel-img-sp,
.line-img-sp {
    display: block;
    width: 37.25rem;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

@media screen and (min-width: 769px) {
    .sp-only {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none !important;
    }
}