@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Roboto:wght@500&display=swap");



@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes arrow-updown {
    0% {
        transform: translateY(-18px)
    }

    35% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-18px)
    }
}

@keyframes arrow-updown-vw {
    0% {
        transform: translateY(-1.40625vw)
    }

    35% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-1.40625vw)
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ol,
ul {
    list-style: none;
    list-style-type: none
}

button,
input,
select,
textarea {
    padding: 0;
    border: 0;
    outline: 0
}

html {
    font-size: .78125vw
}

@media screen and (max-width:767px) {
    html {
        font-size: 2.6666666667vw
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    color: #000;
    font-family: Noto Sans JP, YuGothic, 游ゴシック, Yu Gothic, メイリオ, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif
}
body{
    background-color:#4F4741 ;
}


.button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    background:linear-gradient(94deg, #655B5A 1.39%, #130800 100.14%);
    position: relative;
    text-decoration: none;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .button {
        font-size: calc(100vw * (16 / 375));
    }
}

.button:not([disabled]):hover {
    background: linear-gradient(90deg, #3e3e3e, #030303)
}

.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button[data-role=link] {
    width: 26.5625vw;
    height: 4.53125vw
}

@media screen and (max-width:767px) {
    .button[data-role=link] {
        width: 60.2666666667vw;
        height: 12.8vw
    }
}

.button[data-role=multi] {
    width: 26.5625vw;
    height: 6.875vw;
    text-align: center
}

@media screen and (max-width:767px) {
    .button[data-role=multi] {
        width: 60.2666666667vw;
        height: 17.0666666667vw
    }
}

.button[data-role=multi]:after {
    display: block;
    content: "";
    width: .703125vw;
    height: 1.40625vw;
    background-image: url("/nyukai/platinum-preferred/img/link_arrow.3baa88dc.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 6.25vw;
    bottom: 1.5625vw;
    margin: auto;
    transition: transform .2s ease-out
}

@media screen and (max-width:767px) {
    .button[data-role=multi]:after {
        width: 1.6vw;
        height: 3.2vw;
        right: 13.3333333333vw;
        bottom: 3.7333333333vw
    }
}

@media screen and (min-width:641px) {
    .button[data-role=multi]:hover:after {
        transform: translateX(.390625vw)
    }

    .is-ie .button[data-role=multi]:hover:after {
        transform: translateX(5px)
    }
}

@media print {
    .button[data-role=multi]:hover:after {
        transform: translateX(.390625vw)
    }

    .is-ie .button[data-role=multi]:hover:after {
        transform: translateX(5px)
    }
}

.button[data-style=arrow]:after {
    display: block;
    content: "";
    width: 8px;
    height: 16px;
    background-image: url("/camp/olive_infinite/img/icon_link_arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.85vw;
    margin: auto;
    transition: transform .2s ease-out
}

@media screen and (max-width:767px) {
    .button[data-style=arrow]:after {
        width: calc(100vw * (8 / 375));
        height: calc(100vw * (16 / 375));
        right: calc(100vw * (20 / 375));
        transition: none
    }
}

@media screen and (min-width:641px) {
    .button[data-style=arrow]:hover:after {
        transform: translateX(.390625vw)
    }

    .is-ie .button[data-style=arrow]:hover:after {
        transform: translateX(5px)
    }
}

@media print {
    .button[data-style=arrow]:hover:after {
        transform: translateX(.390625vw)
    }

    .is-ie .button[data-style=arrow]:hover:after {
        transform: translateX(5px)
    }
}



.link {
    font-size: 1.5rem;
    display: inline-block;
    width: 100%;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .link {
        font-size: 1.4rem
    }
}

.link:hover {
    text-decoration: underline
}

.link[target=_blank]:after {
    content: "";
    display: inline-block;
    width: 1.01640625vw;
    height: .95390625vw;
    margin-left: .46875vw;
    background: url("/nyukai/platinum-preferred/img/footer_link_icon.d03c13b0.svg") no-repeat;
    background-size: contain
}

@media screen and (max-width:767px) {
    .link[target=_blank]:after {
        display: none
    }
}

.link[data-style=arrow] {
    position: relative
}

.link[data-style=arrow]:before {
    content: "";
    display: block;
    background: url("/nyukai/platinum-preferred/img/footer_link_arrow.00094916.svg") no-repeat;
    background-size: contain;
    background-position-y: center;
    width: .53203125vw;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.171875vw;
    margin: auto 0
}

@media screen and (max-width:767px) {
    .link[data-style=arrow]:before {
        width: 1.6vw
    }
}

.text[data-role=sectionTitle] {
    line-height: 1;
    font-size: 4.1rem;
    position: relative;
    letter-spacing: .1em
}

@media screen and (max-width:767px) {
    .text[data-role=sectionTitle] {
        font-size: 2.8rem
    }
}

.text[data-role=sectionTitle][data-level=secondary] {
   font-size: 29px;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .text[data-role=sectionTitle][data-level=secondary] {
        font-size:  calc(100vw * (20 / 375));
    }
}

.text[data-role=sectionTitle]:before {
    width: 125px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -20px;
    border-top: 1px solid
}

@media screen and (max-width:767px) {
    .text[data-role=sectionTitle]:before {
        width: calc(100vw * (66 / 375));
        top: calc(100vw * (-20 / 375));
    }
}

[data-bg=dark] .text[data-role=sectionTitle]:before {
    border-top-color: #fff
}

[data-bg=light] .text[data-role=sectionTitle]:before {
    border-top-color: #7e7b7b
}

.text[data-role=sectionDescription],
.text[data-role=sectionSubTitle] {
    letter-spacing: .03em;
    font-weight: 700
}

.text[data-role=sectionSubTitle] {
    font-size: 2.5rem;
    margin-top: 4.453125vw
}

@media screen and (max-width:767px) {
    .text[data-role=sectionSubTitle] {
        font-size: 2rem;
        margin-top: 9.8666666667vw
    }
}

.text[data-role=sectionDescription] {
    font-size: 23px;
    margin-top: 70px;
    line-height: 150%;
}

@media screen and (max-width:767px) {
    .text[data-role=sectionDescription] {
        font-size: calc(100vw * (14 / 375));
       margin-top: 40px;
        line-height: 200%;
    }
}

.text[data-role=sectionDescription]+.text[data-role=sectionDescription] {
    margin-top: 3.125vw
}

@media screen and (max-width:767px) {
    .text[data-role=sectionDescription]+.text[data-role=sectionDescription] {
        margin-top: 10.1333333333vw
    }
}

.text[data-color=white] {
    color: #fff
}



.attentionCard {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .attentionCard {
        flex-wrap: wrap
    }
}

.attentionCard .detailsArea,
.attentionCard .imageArea {
    width: 50%
}

@media screen and (max-width:767px) {

    .attentionCard .detailsArea,
    .attentionCard .imageArea {
        width: 100%
    }
}

.attentionCard .imageArea {
    text-align: center
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea {
        margin-top: 40px;
        padding-bottom: 50px;
    }
}

.attentionCard .imageArea .image {
    display: block;
    margin: 25px auto 0;
}

.attentionCard .imageArea .image[data-role=welcome] {
    width: 9.4vw;
    height: 9.4vw
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea .image[data-role=welcome] {
        width: 23.5946666667vw;
        height: 23.5946666667vw
    }
}

.attentionCard .imageArea .image[data-role=thanks] {
    width: 158px;
        height: 156.537px;
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea .image[data-role=thanks] {
        width: calc(100vw * (103 / 375));
    height:  calc(100vw * (102 / 375));
    }
}

.attentionCard .imageArea .image[data-role=overseas] {
    width: 11.74453125vw;
    height: 11.74453125vw
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea .image[data-role=overseas] {
        width: 29.48vw;
        height: 29.48vw
    }
}

.attentionCard .imageArea .image[data-role=special] {
    width: 8.059375vw;
    height: 10.88046875vw
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea .image[data-role=special] {
        width: 20.2293333333vw;
        height: 27.3093333333vw
    }
}

.attentionCard .imageArea .label {
    font-family: Roboto, メイリオ, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
    font-size: 19px;
    color: #707070;
    margin-top: 22px;
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea .label {
        margin-top: 23px;
        font-size: calc(100vw * (14 / 375));
    }
}

.attentionCard .imageArea .point {
    font-size: 25px;
    font-weight: 700;
    margin-top: 14px
}

@media screen and (max-width:767px) {
    .attentionCard .imageArea .point {
        margin-top: 10px;
        font-size: calc(100vw * (15 / 375));
    }
}

.attentionCard .detailsArea .label {
    font-size: 18px;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .attentionCard .detailsArea .label {
        font-size: calc(100vw * (14 / 375));
    }
}

.attentionCard .detailsArea .label:before {
    content: "◆"
}

.attentionCard .detailsArea .notes {
    margin-top: 0;
    counter-reset: note-count;
}

.cardList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:3px;
}

.cardList[data-style=border] {
    position: relative
}

.cardList[data-style=border]:after,
.cardList[data-style=border]:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    top: 0
}

[data-bg=dark] .cardList[data-style=border]:after,
[data-bg=dark] .cardList[data-style=border]:before {
    border-color: #f4f4f4
}

[data-bg=light] .cardList[data-style=border]:after,
[data-bg=light] .cardList[data-style=border]:before,
[data-bg=white] .cardList[data-style=border]:after,
[data-bg=white] .cardList[data-style=border]:before {
    border-color: #a5a5a5
}

.cardList[data-style=border]:before {
    border-left: 1px solid;
    left: -4.38vw;
}

@media screen and (max-width:767px) {
    .cardList[data-style=border]:before {
        left: -2.1vw
    }
}

.cardList[data-style=border]:after {
    border-right: 1px solid;
    right: -4.38vw;
}

@media screen and (max-width:767px) {
    .cardList[data-style=border]:after {
        right: -2.1vw
    }
}

.cardList[data-category=details] {
    margin: 60px -9.21875vw -2.1875vw
}

.cardList[data-category=details]:before {
    left: 4.21875vw
}

.cardList[data-category=details]:after {
    right: 4.21875vw
}

@media screen and (max-width:767px) {
    .cardList[data-category=details] {
        margin: 8vw 0 0
    }

    .cardList[data-category=details]:before {
        left: -6.1333333333vw
    }

    .cardList[data-category=details]:after {
        right: -6.1333333333vw
    }
}


.memberStoresCard {
    width: 33%;
    margin: 20px 0;
    text-align: center
}

@media screen and (max-width:767px) {
    .memberStoresCard {
        width: 45%;
       margin: 12px 2.2%;
    }
}



.memberStoresCard [data-role=icon] {
    height: 9.375vw;
    display: flex;
    justify-content: center;
    align-items: flex-end
}
.memberStoresCard [data-role=icon] img{
    height: 120px;
}

@media screen and (max-width:767px) {
    .memberStoresCard [data-role=icon] {
        height: 24vw
    }
    .memberStoresCard [data-role=icon] img{
    height: auto;
}
}

.memberStoresCard .text[data-role=point-rate] {
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto, メイリオ, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
    color: #464646;
    margin-top: 30px;
}

@media screen and (min-width:768px) {
    .memberStoresCard .text[data-role=point-rate] {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media print {
    .memberStoresCard .text[data-role=point-rate] {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .memberStoresCard .text[data-role=point-rate] {
        font-size: 20px;
        margin-top: 13px
    }
}

.memberStoresCard .text[data-role=store-name] {
    font-size:22px;
    margin-top: 30px;
}

@media screen and (max-width:767px) {
    .memberStoresCard .text[data-role=store-name] {
        font-size: 1.4rem;
        margin-top: 1.3333333333vw
    }
}

.notes .note {
    padding-left: 20px;
    position: relative;
}

@media screen and (max-width:767px) {
    .notes .note {
        padding-left: calc(100vw * (15 / 375));
    }
}

.notes .note:before {
    content: "※";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #4e4e4e
}

@media (max-width:767px) {
    .notes .note:before {
        font-size: calc(100vw * (12 / 375));
    }
}

.notes .note[data-mark=none] {
    padding-left: 0
}

.notes .note[data-mark=none]:before {
    display: none
}

.notes .note .text {
    font-size: 14px;
    color: #4e4e4e;
    letter-spacing: -0.7px;
    line-height: 150%;
}

@media (max-width:767px) {
    .notes .note .text {
        font-size: calc(100vw * (12 / 375));
        letter-spacing: -0.6px;
    }
}

.categoryMark {
    width: 45px;
    height: 100%;
    position: fixed;
    bottom: 25%;
    right: 0;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% auto;
    z-index: 999;
    pointer-events: none
}

@media screen and (max-width:767px) {
    .categoryMark {
        width: calc(100vw * (25 / 375));
        bottom: 40%
    }
}

.categoryMark[data-category=reward_cover] {
    background-image: url("/camp/olive_infinite/img/txt_reward.svg")
}

.categoryMark[data-category=reward_value] {
    background-image: url("/camp/olive_infinite/img/txt_member.svg")
}
.categoryMark[data-category=reward_value_b] {
    background-image: url("/camp/olive_infinite/img/txt_member_black.svg")
}
.categoryMark[data-category=reward_usage] {
    background-image: url("/camp/olive_infinite/img/txt_point.svg")
}

.categoryMark[data-category=reward_details] {
    background-image: url("/camp/olive_infinite/img/txt_detail.svg");
}

.o-modal {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #E0DCD6;
    z-index: 9999;
    box-sizing: border-box;
    overflow-y: scroll;
    transition: right .4s cubic-bezier(.33, 1, .68, 1)
}

.o-modal.shown {
    right: 0
}

.o-modal.shown .closeButton {
    position: fixed
}


.o-modal {
    padding: 105px 40px 50px 40px;
}


@media screen and (max-width:767px) {
    .o-modal {
        padding: 80px 40px 50px 40px;
    }
}
.o-modal .closeButton {
    width: 20px;
    height: 20px;
    top: 2.1875vw;
    right: 2.5vw;
    cursor: pointer
}
.sectionArea {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 7.29vw 11.81vw 8.33vw;
    overflow: hidden
}
@media screen and (max-width:767px) {
    .sectionArea {
        padding-left:calc(100vw * (40 / 375));
        padding-right:calc(100vw * (40 / 375));
        padding-top:calc(100vw * (70 / 375));
    }
}

.sectionArea[data-bg=dark] {
    background-color: #C9C5C0;
}
.sectionArea[data-bg=dark-top] {
    background: linear-gradient(155deg, #655B5A 0%, #130800 100%);
}
.sectionArea[data-bg=light] {
    background-color: #E0DCD6;
}


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

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

@media print {
    .only-sp {
        display: none !important
    }
}

.categoryArea[data-category=reward_cover] .sectionArea[data-role=cover] {
    padding-left: 0;
    padding-bottom: 94px;
    display: flex;
    align-items: center;
    height: auto
}

@media screen and (min-width:1281px) {
    .categoryArea[data-category=reward_cover] .sectionArea[data-role=cover] {
        padding-bottom: 7.34375vw
    }
}

@media (orientation:landscape) and (min-width:641px) and (max-width:1024px) {
    .categoryArea[data-category=reward_cover] .sectionArea[data-role=cover] {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_cover] .sectionArea[data-role=cover] {
        display: block;
        padding-bottom: 6.1333333333vw;
        height: auto
    }
}

.categoryArea[data-category=reward_cover] .sectionArea[data-role=cover] .image[data-role=scroll] {
    display: none
}


.categoryArea[data-category=reward_cover] .sectionArea .image[data-role=scroll] {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 15px;
    width: 16px;
    margin: 0 auto;
    animation: arrow-updown 1.8s ease-in-out infinite
}

@media screen and (min-width:1281px) {
    .categoryArea[data-category=reward_cover] .sectionArea .image[data-role=scroll] {
        bottom: 1.171875vw;
        width: 1.25vw;
        animation: arrow-updown-vw 1.8s ease-in-out infinite
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_cover] .sectionArea .image[data-role=scroll] {
        display: none;
        animation: none
    }
}

@media screen and (min-width:1281px) {
    .is-ie .categoryArea[data-category=reward_cover] .sectionArea .image[data-role=scroll] {
        animation: arrow-updown 1.8s ease-in-out infinite
    }
}

.categoryArea[data-category=reward_value] .sectionArea[data-role=value]:not(:last-child) {
    padding-bottom: 0
}

.categoryArea[data-category=reward_value] .sectionArea[data-role=value] .text[data-role=sectionTitle] {
    line-height: 1.5
}

.categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList {
    padding-top: 0;
    padding-bottom: 50px;
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList {
        padding-top: 0;
        padding-bottom: 30px;
        margin-top: 20px;
    }
}

.categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item {
    width: 100%
}

.categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item+.item {
    margin-top: 4.6875vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item+.item {
        margin-top: 14.9333333333vw
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item .text[data-role=sectionTitle] {
        line-height: 1.7
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item .text[data-role=sectionDescription] {
        margin-top: 8.2666666667vw
    }
}

.categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item .attentionCard {
    margin-top: 40px;
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_value] .sectionArea[data-role=value] .cardList .item .attentionCard {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] {
        padding-top: 12.5333333333vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .text[data-role=sectionTitle] {
    margin-top: 4.453125vw;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.72;
    letter-spacing: .075rem
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .text[data-role=sectionTitle] {
        margin-top: 5.3333333333vw;
        font-size: 2rem;
        line-height: 1.7;
        letter-spacing: normal
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .text[data-role=usage-top-lead] {
    margin-top: 3.90625vw;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
    letter-spacing: .06rem
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .text[data-role=usage-top-lead] {
        margin-top: 4.2666666667vw;
        font-size: 1.4rem;
        letter-spacing: normal
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList+.text[data-role=usage-top-lead] {
    margin-top: 5.859375vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList+.text[data-role=usage-top-lead] {
        margin-top: 11.2vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6.25vw;
    margin-left: 1.5625vw;
    margin-right: 1.5625vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList {
        display: block;
        margin-top: 10.6666666667vw;
        margin-left: 0;
        margin-right: 0
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard {
    position: relative;
    padding: 1.5625vw;
    width: 26.25vw;
    min-height: 23.75vw;
    background-color: #fff;
    border-radius: 1.09375vw;
    box-sizing: border-box
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard {
        margin: 0 auto;
        padding: 3.7333333333vw;
        width: 62.4vw;
        min-height: 56.2666666667vw;
        border-radius: 3.7333333333vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard[data-role=card-white] {
    background-color: #fff
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard[data-role=card-gray] {
    background-color: #ddd;
    border: .390625vw solid #707070
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard[data-role=card-gray] {
        border: 1.3333333333vw solid #707070
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=icon-container] {
    display: block;
    margin-top: 1.171875vw;
    text-align: center
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=icon-container] {
        margin-top: 2.1333333333vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-r] {
    position: absolute;
    top: 50%;
    right: -3.203125vw;
    padding-right: .625vw;
    border-right: .15625vw solid #fff;
    transform: translateY(-50%)
}

@media screen and (min-width:641px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-r] {
        width: 1.40625vw
    }
}

@media print {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-r] {
        width: 1.40625vw
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-r] {
        right: auto;
        left: -8.5333333333vw;
        padding-right: 0;
        padding-left: 2.1333333333vw;
        border-right: none;
        border-left: .5333333333vw solid #fff
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-r] .text[data-role=side-text] {
    height: 7.8125vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-r] .text[data-role=side-text] {
        height: 21.3333333333vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-l] {
    position: absolute;
    top: 50%;
    left: -3.28125vw;
    padding-left: .625vw;
    border-left: .15625vw solid #fff;
    transform: translateY(-50%)
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard div[data-role=side-text-container-l] {
        left: -9.8666666667vw;
        padding-left: 2.1333333333vw;
        border-left: .5333333333vw solid #fff
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .svgImage[data-role=card-icon-1] {
    width: 8.4375vw;
    height: 6.25vw;
    transform: translateX(.625vw)
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .svgImage[data-role=card-icon-1] {
        width: 20vw;
        height: 14.9333333333vw;
        transform: translateX(.5333333333vw)
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .svgImage[data-role=card-icon-2] {
    width: 7.734375vw;
    height: 7.65625vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .svgImage[data-role=card-icon-2] {
        width: 18.4vw;
        height: 18.1333333333vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text {
    font-weight: 700;
    letter-spacing: normal;
    text-align: center
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-name] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-name] {
        font-size: 1.4rem
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-text] {
    margin-top: 1.25vw;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: normal
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-text] span[data-size=small] {
    font-size: 1.4rem
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-text] span[data-size=small] {
        font-size: 1.2rem
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-text] {
        margin-top: 2.1333333333vw;
        width: 100%;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-text]>span {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.5;
    letter-spacing: normal
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=card-text]>span {
        font-size: 1.4rem;
        line-height: 1.71
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=side-text] {
    position: relative;
    height: 12.890625vw;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .3rem;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    text-orientation: upright
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=side-text] {
        font-size: 1.4rem;
        height: 36vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .svgImage[data-role=icon-plus] {
    display: block;
    width: 3.125vw;
    height: 3.125vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .svgImage[data-role=icon-plus] {
        margin: 0 auto;
        padding: 4.5333333333vw 0;
        width: 5.6vw;
        height: 5.6vw
    }
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] {
        padding-bottom: calc(100vw * (56 / 375));;
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .sectionSubTitle {
    position: relative;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.72;
    letter-spacing: .08rem
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .sectionSubTitle {
        margin-left: 1.6vw;
        font-size: 1.8rem;
        line-height: 1.72;
        letter-spacing: normal
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .text[data-role=usage-point-up-lead] {
    margin-top: 70px;
    font-size: 23px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: normal
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .text[data-role=usage-point-up-lead] {
        font-size: calc(100vw * (14 / 375));
        line-height: 200%;
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .cardList[data-role=card-list] {
    margin-top: 70px
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .cardList[data-role=card-list] {
        margin-top: 30px
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .button {
    margin: 70px auto 0;
    opacity: 1;
  transition: opacity 200ms ease-out;
}
.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .button:hover {
    opacity: .5;
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .button {
        margin-right: calc(100vw * (30 / 375));
        margin-left: calc(100vw * (30 / 375));
        margin-top: calc(100vw * (40 / 375));
    }
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .button:hover {
    opacity: 1;
}
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .noteArea {
    margin-top: 2.34375vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .noteArea {
        margin-top: 8vw
    }
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .noteArea .noteTitle {
    font-weight: 700;
    font-size: 1.6rem
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .noteArea .noteTitle:before {
    content: "◆"
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .noteArea .notes {
    margin-top: .9375vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .noteArea .notes {
        margin-top: 3.2vw
    }
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] {
    padding-top: 10.42vw;
padding-bottom: 10.42vw;
}
@media screen and (max-width:860px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] {
    padding-top: 23.42vw;
    padding-bottom: 23.42vw;
}
}
@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] {
        padding-top: calc(100vw * (50 / 375));
        padding-bottom: calc(100vw * (50 / 375));
    }
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] div[data-role=text-container] {
    margin-left: 0
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] div[data-role=text-container] {
        margin-left: 0
    }
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .text[data-role=notes-name] {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: normal
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .text[data-role=notes-name] {
        font-size: 1.4rem;
        line-height: 2
    }
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .notes {
    margin-top: .78125vw;
    width: 100%
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .notes {
        margin-top: .8vw;
        width: 100%
    }
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .exchangePointsInfoCard {
    margin-top: 7.34375vw
}

@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .exchangePointsInfoCard {
        margin-top: 14.9333333333vw
    }
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .noteArea .noteTitle {
    font-weight: 700;
    font-size: 18px;
}
@media screen and (max-width:767px) {
    .categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .noteArea .noteTitle {
        font-size:calc(100vw * (16 / 375));
    }
}
.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .noteArea .noteTitle:before {
    content: "◆"
}

.categoryArea[data-category=reward_details] .sectionArea[data-role=benefits-notes] .noteArea .notes {
    margin-top: 30px;
}

.categoryArea .modalOpener {
    border: 1px solid #4e4e4e;
    padding: 10px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin: 4px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    opacity: 1;
  transition: opacity 200ms ease-out;
}
.categoryArea .modalOpener:hover {
    opacity: 0.5;
}
@media screen and (max-width:767px) {
    .categoryArea .modalOpener {
        padding: calc(100vw * (8 / 375));
        font-size: calc(100vw * (14 / 375));
    }
    .categoryArea .modalOpener:hover {
    opacity: 1;
}
}

.o-modal .modalTitle {
    font-size: 22px;
    font-weight: 700
}

.o-modal .modalContent {
    width: 100%;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    box-sizing: border-box
}

    .o-modal .modalContent {
        margin-top: 50px;
        padding: 18px;
    }

@media screen and (max-width:767px) {
    .o-modal .modalContent {
        margin-top:40px;
        padding: 14px 18px;
    }
}

.o-modal .modalContent .section .item {
    font-size: 14px;
}

.o-modal .modalContent .section .item {
    line-height:200%;
}

.o-modal .modalContent .section .item .image {
    margin-top: 20px;
    width:70.625vw;
}


@media screen and (max-width:767px) {
    .o-modal .modalContent .section .item .image {
        width: 100%;
        margin-top: 29px;
    }
}


.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard[data-role=card-white]{
  background-color:#fff;padding: 3.54vw 1.5625vw
}

.listNormalArea {
  margin-top: 8px;
} 

.listNormalArea .listNormalAreaTitle {
  font-weight: 700;
  font-size: 1.6rem;
}
.listNormalArea .listNormalTitle:before {
  content: "◆";
}
.listNormalArea .listNormals {
  margin-top: .9375vw
}
.listNormals .listNormal {
  padding-left: 20px;
  position: relative;
  line-height: 1.8333333333;
}
.listNormals .listNormal .text {
  font-size: 14px;
  color: #4e4e4e;
  letter-spacing: -.02em;
}
.listNormals .listNormal .text:not(:first-child){
    margin-top: 4px;
}
.listNormals .listNormal .text.black {
  color: #000;
}
@media screen and (max-width:767px) {
    .listNormals .listNormal .text {
       font-size: calc(100vw * (12 / 375));
    }
}

.listNormals .listNormal:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #4e4e4e;
}

.attentionCard .detailsArea .listNormals {
  margin-top: 1.875vw;
}

.caution .section {
  margin-top: 1.7vw;
}

.caution .section .title {
  font-weight: 700;
  margin-bottom: .78125vw;
}

.caution .section .title.titleTop {
  text-decoration-line: underline;
}

.caution .section .item {
  line-height: 2;
  font-weight: 500;
  font-size: 1.6rem;
}

.caution .section .title {
  font-size: 2rem;
}

.simulationPage .label_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26vw;
  height: 5.125vw;
  border-radius: 26px;
  margin: 0 auto;
  font-size: 2rem;
  background-color: #cbcbcb;
  font-weight: 700;
}

.buttonText {
  font-size: 1rem;
  position: absolute;
  top: 5px;
  color: #fff;
  left:22%;
}
.categoryArea[data-category=attention_content] .sectionArea[data-role=app] .content .button {
  padding: 26px 10px 12px 0;
  height: 2.53125vw;
  font-size: 2.5rem;
}

.button.storeButton {
  width: 26.5625vw;
  height: 6.875vw;
  text-align: center;
}

.caution .section .item img {
  width: 100%;
}

.cardList .pointCard .link:after {
  content: none;
}

.pointCard .link[target=_blank]:after{
  content: "";
  display: inline-block;
  width: 1.01640625vw;
  height: .95390625vw;
  margin-left: .46875vw;
  background: url(/nyukai/platinum-preferred/img/footer_link_icon.d03c13b0.svg) no-repeat;
  background-size: contain;
}

.categoryArea[data-category=footer] .sectionArea[data-role=application] .applicationArea, .categoryArea[data-role=footer] .sectionArea[data-role=application] .applicationArea {
  position: relative;
  z-index: 1;
}
.categoryArea[data-category=footer] .sectionArea[data-role=application] .image[data-role=visual], .categoryArea[data-role=footer] .sectionArea[data-role=application] .image[data-role=visual] {
  z-index: 0;
}

.categoryArea[data-category=details_data] .info .note:before,.categoryArea[data-category=details_data] .note:before {
  font-size: 1.2rem;
}

.text.point_targer_name_text,
.text.point_cashback_text{
  font-size: 1.8rem;
  font-weight: 700;
  width: auto;
  line-height: 1;
}
.text.point_cashback_text{
  padding-right: 1.2890625vw;
}

.textLink {
  color:#000;
}
.textLink:hover {
  opacity: 0.6;
}

.titleTag {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 10px 15px;
  font-size: 1.4rem;
  border-radius: 3px;
  margin-bottom: 16px;
  line-height: 1;
}

.categoryArea[data-category=footer].rankup .sectionArea[data-role=footer], .categoryArea[data-role=footer].rankup .sectionArea[data-role=footer] {
  padding-top: 0;
}

.text_deadline {
  margin-top: 2vw;
  font-size: 1.6rem;
  line-height: 2.7rem;
  text-align: center;
}


@media screen and (max-width: 768px) {

  .categoryArea[data-category=attention_content] .sectionArea[data-role=app] .content .button {
    padding: 25px 16px 13px 18px;
  }

  .caution .section {
    margin-top: 8.7vw;
  }

  .caution .section .item .image {
    width: 100%;
    margin-top: 8vw;
  }
  .caution .section .item .image {
    width: 100%;
    margin-top: 8vw;
  }
  .caution .section .title {
    margin-bottom: 2.6666666667vw;
  }
  .button.storeButton[data-role=multi]:after {
    right: 5.333333vw;
    bottom: 5.733333vw;
  }
  .button.storeButton {
    margin: 8vw auto 0;
    width: 60.2666666667vw;
    height: 12.8vw;
  }
  .simulationPage .text.label_2 {
    border-radius: 26px;
    width: 50vw;
    height: 13.2vw;
    font-size: 1.2rem;
  }
  .buttonText {
    font-size: 0.9rem;
    left: 13%;
  }
  .categoryArea[data-category=attention_content] .sectionArea[data-role=app] .content .button {
    font-size: 1.5rem;
  }
  .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-point-up-2] .button {
    height:  calc(100vw * (89 / 375));
  }
  
  .text.point_targer_name_text,
  .text.point_cashback_text{
    font-size: 1.4rem;
    text-align: center;
  }
  .text.point_cashback_text{
    padding-right: 3.2vw;
  }

  .pointCard .link[target=_blank]:after{
    width: 2.6vw;
    height: 2.6vw;
  }
  .categoryArea[data-category=details_data] .content[data-role=payment] .paymentMethod {
    width: 100%;
  }

  .titleTag {
    padding: 7px;
    font-size: 1rem;
  }

  .text_deadline {
    margin-top: 3.4vw;
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-align: center;
  }
}

/* 汎用 */
.u-left {
  text-align: left !important;
}
.u-center {
  text-align: center !important;
}
.blankLink {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/nyukai/platinum-preferred/img/icon_external_link.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  margin-left: 6px;
}


.attentionNotes .notes .note.red .text, .attentionNotes .notes .note.red:before { color: #D30; }
.categoryArea[data-category=reward_cover]{
    margin-right: 76px;
}
@media screen and (max-width: 768px) {
    .categoryArea[data-category=reward_cover]{
    margin-right: 40px;
}
}

.categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=side-text]{height: 14.890625vw;}
@media screen and (max-width: 768px) {

    .categoryArea[data-category=reward_usage] .sectionArea[data-role=usage-top] .usageDescriptionCardList .usageDescriptionCard .text[data-role=side-text]{height: 41vw;}
}

.categoryArea[data-category=reward_cover] .sectionArea{
    padding-left: calc(100vw * (170 / 1440));
    padding-top: 13.19vw;
padding-bottom: 16.25vw;
    padding-right: 482px;
}
@media screen and (max-width: 840px) {
  .categoryArea[data-category=reward_cover] .sectionArea{
    padding-top: 28.19vw;
    padding-bottom: 33.25vw;
    padding-left: calc(100vw * (40 / 375));
     padding-right: calc(100vw * (67 / 375));
} 
}
@media screen and (max-width: 768px) {
  .categoryArea[data-category=reward_cover] .sectionArea{
    padding-top: 107px;
    padding-bottom: 186px;
    padding-left: calc(100vw * (40 / 375));
     padding-right: calc(100vw * (67 / 375));
} 
}
@media screen and (max-width: 768px) {
.sectionArea[data-role=usage-point-up-2]{
    padding-top: 105px;
}
}
.sectionArea[data-role=usage-point-up-2] .listNormals{
 margin-top: 30px;   
}
.attentionNotes{
    margin-top: 12px;
}

@media screen and (max-width: 768px) {
    .attentionNotes{
    margin-top: 4px;
}

}
.notes .noteNum{
    padding-left: 25px;
    line-height: 180%;
}
@media screen and (max-width: 768px) {
    .notes .noteNum{
        padding-left: calc(100vw * (20 / 375));
    }
}
.notes .noteNum::before{
    counter-increment: note-count;
  content: "※" counter(note-count);
}
.mT24{
    margin-top: 24px!important;
}
.mT30{
    margin-top: 30px!important;
}
.pB0{
    padding-bottom: 0!important;
}
.w100{
    width: 100%;
}