/* pc-only */
.top-content-view {
    background-image: url(../img/guide_top_haikei\ 1.png);
    width: 100%;
    height: 22rem;
    aspect-ratio: 60/11;
    background-size: cover;
    background-position: center;
}

.content-title {
    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;
    padding: 8.88rem 52.06rem 8.94rem 52.25rem;
}

.sub-intro__title {
    display: flex;
    margin: 5.56rem 33.12rem 0 34.69rem;
    padding: 0 9.69rem 5.22rem 8.19rem;
}

.sub-intro__title img {
    width: 3.375rem;
    height: 3.40625rem;
    aspect-ratio: 54.00/54.50;
}

.sub-intro__title h2 {
    color: #000;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.1875rem;
    padding: 0 3.81rem;
}

.sub-intro__body p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.8125rem; /* 152.5% */
    letter-spacing: 0.15rem;
}

.sub-benefits {
    margin: 6.25rem 12.87rem 24.44rem 12.81rem;
}

.sub-benefits__title {
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.725rem;
    padding: 0.62rem 25.69rem 0.88rem 25.69rem;
    background: #FD6AAD;
}

.sub-benefits p {
    color: #FD6AAD;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.875rem; /* 131.429% */
    letter-spacing: 0.13125rem;
    padding: 1rem 0 6.06rem 0;
}

.sub-merits__list {
    padding: 3.94rem 6.41rem 5.25rem 5rem;
    background: #fffeed;
    border-radius: 2.0625rem;
}

.sub-merits-wrapper {
    padding-bottom: 6.58rem;
}

.sub-merits-wrapper:last-child {
    padding-bottom: 0;
}

.sub-merits-container {
    display: flex;
    gap: 0;
    width: 100%;
    align-items: center;
}

.sub-merits-container img {
    width: 9.5rem;
    height: 9.5rem;
}

.merits-body {
    padding-left: 4.5rem;
    flex: 1;
}

.merits-body img {
    width: 100%;
    height: 0.2rem;
    margin: 0.94rem 0;
}

.merits-body span {
    color: #FD6AAD;
    font-family: "Noto Sans TC";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.25375rem;
    padding-left: 3.87rem;
}

.merits-body p {
    color: #484144;
    font-family: "Noto Sans TC";
    font-size: 3.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.21438rem;
    padding: 0 0 0 3.87rem;
    text-align: left;
}

.bonus-guarantee__title {
    width: 57rem;
    height: 9.63381rem;
    margin: 10.44rem 15.12rem 6.87rem 18.19rem;
}

.merits-body__bonus {
    padding-left: 4.5rem;
    flex: 1;
}

.merits-body__bonus img {
    width: 100%;
    height: 0.2rem;
    margin: 0.94rem 0;
}

.merits-body__bonus span {
    color: #FF7825;
    font-family: "Noto Sans TC";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.25375rem;
    padding-left: 3.87rem;
}

.merits-body__bonus p {
    color: #484144;
    font-family: "Noto Sans TC";
    font-size: 3.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4.375rem; /* 142.857% */
    letter-spacing: 0.21438rem;
    padding: 0 0 0 3.87rem;
    text-align: left;
}

.pop-img {
    width: 83.1875rem;
    height: 6.625rem;
    position: absolute;
    top: 289rem;
    left: 18rem;
}

.sub-desc {
    width: 91.0625rem;
    height: 227.8125rem;
    aspect-ratio: 291/728;
    margin: 14.06rem 0 10.6rem 0;
}

.free-shipping {
    width: 83.4375rem;
    height: 11.125rem;
    margin: 0 6.44rem 5rem 4.44rem;
}

.contact {
    display: flex;
    margin: 0 17.69rem 10.94rem 14.81rem;
}

.tel-btn {
    width: 41.6875rem;
    height: 18.625rem;
    aspect-ratio: 620/277;
    margin-right: 3.81rem;
}

.line {
    width: 41.6875rem;
    height: 8.875rem;
    aspect-ratio: 667/142;
    margin-bottom: 1.88rem;
}

.question {
    width: 41.75rem;
    height: 7.875rem;
    aspect-ratio: 334/63;
    align-items: center;
}

.top-content-view-sp {
    background-image: url(../img/sp_guide_top_haikei\ 1.png);
    width: 100%;
    height: 17.75rem;
    aspect-ratio: 192/71;
    background-size: cover;
    background-position: center;
}

.content-title-sp {
    color: #3C3C3C;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.13125rem;
    padding: 7.56rem 18.44rem 7.56rem 18.87rem;
}









.sub-intro__title-sp {
    display: flex;
    margin: 7.19rem 4.69rem 0 5.63rem;
    padding: 0 2.63rem 4.5rem 0.88rem;
}

.sub-intro__title-sp img {
    width: 3.375rem;
    height: 3.40625rem;
    aspect-ratio: 54.00/54.50;
}

.sub-intro__title-sp h2 {
    color: #000;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.1875rem;
    padding: 0 3.56rem;
}

.sub-intro__body-sp p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.3125rem; /* 176.667% */
    letter-spacing: 0.1125rem;
}

.sub-benefits-sp {
    margin: 4.13rem 3.81rem 15.62rem 3.75rem;
}

.sub-benefits__title-sp {
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.725rem;
    padding: 0.94rem 9.31rem 1rem 9.5rem;
    background: #FD6AAD;
    white-space: nowrap;
}

.sub-benefits-sp p {
    color: #FD6AAD;
    font-family: "Noto Sans TC";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.875rem; /* 153.333% */
    letter-spacing: 0.1125rem;
    text-align: center;
    padding: 1.62rem 0 7rem 0;
}

.sub-merits-wrapper-sp {
    padding: 2.56rem 0.94rem 2.25rem 1rem;
    background: #FFFEED;
    border-radius: 2.0625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6.12rem;
}

.sub-merits-wrapper-sp span {
    color: #FD6AAD;
    font-family: "Noto Sans TC";
    font-size: 3.1875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.22313rem;
}

.sub-merits-wrapper-sp img {
    width: 38.5rem;
    height: 0.2rem;
    margin: 0.94rem 0;
}

.sub-merits-wrapper-sp p {
    color: #484144;
    font-family: "Noto Sans TC";
    font-size: 2.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.20125rem;
    padding: 0;
    text-align: left;
}

.sub-merits-wrapper-sp:last-child {
    margin-bottom: 0;
}

.bonus-guarantee__title-sp {
    width: 31.09544rem;
    height: 12.9375rem;
    margin: 4.94rem 4.65rem 11.5rem 4.69rem;
}

.sub-bonus-wrapper-sp {
    padding: 4.06rem 0.94rem 2.25rem 1rem;
    background: #FFFEED;
    border-radius: 2.0625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6.12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub-bonus-wrapper-sp span {
    color: #FF7825;
    font-family: "Noto Sans TC";
    font-size: 3.1875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.22313rem;
    padding-left: 2.19rem;
}

.sub-bonus-wrapper-sp img {
    width: 38.5rem;
    height: 0.2rem;
    margin: 0.94rem 0;
}

.sub-bonus-wrapper-sp p {
    color: #484144;
    font-family: "Noto Sans TC";
    font-size: 3.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4.375rem; /* 142.857% */
    letter-spacing: 0.21438rem;
    padding: 0;
    text-align: left;
}

.sub-bonus-wrapper-sp:last-child {
    margin-bottom: 0;
}

.pop-img-sp {
    margin-top: 2.62rem;
}

.sub-desc-sp {
    width: 40.4375rem;
    height: 0 auto;
    margin: 6.75rem 0;
}

.free-shipping-sp {
    margin-bottom: 4.06rem;
}

.lp-img-sp {
    width: 40.4375rem;
    height: 0 auto;
}

.contact-title-sp {
    width: 12.5rem;
    height: 2.625rem;
    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: 5.25rem 16.19rem 3.12rem 19.31rem;
}

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

.tel-title-sp {
    color: #454545;
    font-family: "Noto Sans TC";
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 90.323% */
    letter-spacing: 0.44563rem;
    padding: 2.56rem 15.81rem 2.12rem 15.62rem;
    white-space: nowrap;
}

.tel-img-sp {
    width: 45.31rem;
    height: 9.375rem;
    aspect-ratio: 298/75;
    padding: 0 4.12rem 0 3.94rem;
}

.line-title-sp {
    color: #454545;
    font-family: "Noto Sans TC";
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 90.323% */
    letter-spacing: 0.44563rem;
    padding: 2.69rem 18.12rem 2.06rem 18.06rem;
    white-space: nowrap;
}

.line-img-sp {
    width: 45.31rem;
    height: 9.3125rem;
    aspect-ratio: 4/1;
    padding: 0 4.06rem 0 4rem;
}

.rb {
    width: 9.5rem;
    height: 9.5rem;
    left: 4.75rem;
}

.mr-1 {
    position: absolute;
    top: 86rem;
}

.mr-2 {
    position: absolute;
    top: 108rem;
}

.mr-3 {
    position: absolute;
    top: 135rem;
}

.mr-4 {
    position: absolute;
    top: 161rem;
}

.bn-1 {
    position: absolute;
    top: 210.62rem;
}

.bn-2 {
    position: absolute;
    top: 247rem;
}

.bn-3 {
    position: absolute;
    top: 279rem;
}

.bn-4 {
    position: absolute;
    top: 317rem;
}

.leaf-1 {
    width: 11.4375rem;
    height: 9.875rem;
    aspect-ratio: 183/158;
    position: absolute;
    top: 668.4975rem;
    left: 36.19rem;
}

.leaf-2 {
    width: 12.625rem;
    height: 11.625rem;
    aspect-ratio: 101/93;
    position: absolute;
    top: 766.1875rem;
    left: 35.38rem;
}